Как сделать чтобы картинка не обрезалась?
У меня есть слайдер и в нем картинки. Когда я растягиваю картинку по всей высоте и ширине, она обрезается сверху и снизу. Вот как ее растянуть без обрезаний? Или может есть еще какие то пути решения
<div class="swiper-img"
style=
"background-color: rgba(0, 0, 0, 0);
background-repeat: no-repeat;
background-image: url("./img/9R8A9185.jpg");
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
opacity: 1;
visibility: inherit;
z-index: 20;
object-fit: cover;
width: 2000px;"
src="./img/9R8A9185.jpg">
</div>