Как преодолеть искажение изображения на меньших экранах (576px) в обратном дизайне Bootstrap 5? ⇐ Html

[Anonymous]

Введите описание изображения здесь < /p>
Введите описание изображения здесь < /p>


< /code>
.banner {
background-image: url(../img/portada.png);
height: 20rem; /* Doy altura porque esta vacio*/
background-size: cover; /* Llena todo el espacio disponible */
background-position: center center; /* Crece la imagen desde el centro */
}
< /code>
@media screen and (max-width: 576px) {

.banner{
width:100%;
}
< /code>
Alguien sabe porque se me queda la imagen como en la foto al ser la pantalla mas pequeña de 576px y sabe como solucionarlo?


Подробнее здесь: https://stackoverflow.com/questions/763 ... trap-5-res