[Duda] unidades de viewport ejercitando!

Cuál es el valor de la propiedad width para que la imagen ocupe toda la anchura de la pantalla?

<section class="destacados container">
    ...
    <a href="#">
        <figure class="destacados__panel">
            <img src="img/empezando-crear-logotipo.png" alt="Panel del postaje sobre la creación del logotipo" class="destacados__panel-imagen">
            <figcaption class="destacados__panel-texto">Conozca las primeras etapas para la creación de un logotipo</figcaption>
        </figure>
    </a>
    ...
</section>

Códigos CSS
.container {
    padding-right: 6%;
    padding-left: 6%;
}

.destacados {
    background-color: var(--azul-claro);
    padding-top: 2.5rem;
    padding-bottom: 2rem;
}

.destacados__panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}

.destacados__panel-imagen {
    box-shadow: 0 2px 10px 5px #00000020;
    margin-bottom: .5rem;
}