.banner-swiper {
    width: 100%;
    aspect-ratio: 16 / 9;
    max-height: 500px;
}
.banner-swiper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 12px;
}
@media (max-width: 768px) {
    .banner-swiper {
        aspect-ratio: 2 / 1;
        max-height: 220px;
    }
}
@media (min-width: 1024px) {
    .banner-swiper {
        aspect-ratio: 21 / 9;
        max-height: 320px;
    }
}