.offer-hero {
    height: auto;
    aspect-ratio: 3.5 / 1;
}

.offer-hero .swiper-wrapper,
.offer-hero .swiper-slide {
    height: 100%;
    min-height: 0;
}

@media (max-width: 767.98px) {
    .offer-hero {
        aspect-ratio: 4 / 3;
    }
}