.bato-imageslider {
    overflow-x: clip;
}

.bato-imageslider .swiper {
    overflow: visible;
}

.bato-imageslider-item {
    aspect-ratio: 300/390;
    max-width: 100%;
    width: 30rem;
}

.bato-imageslider .swiper-slide {
    /* opacity: 0.5; */
    transition: opacity 0.3s;
}

.bato-imageslider .swiper-slide-active,
.bato-imageslider .swiper-slide-active + .swiper-slide,
.bato-imageslider .swiper-slide:has( + .swiper-slide-prev),
.bato-imageslider .swiper-slide:has( + .swiper-slide-active) {
    opacity: 1;
}

@media screen and (max-width: 1024.9px) {
    .bato-imageslider .slider-nav {
        padding-top: 2.4rem;
    }
}

@media screen and (max-width: 575.9px) {
    .bato-imageslider {
        padding-block: 6.5rem 2.5rem;
    }
}

.bato-imageslider-item__title {
    margin-top: 1.5rem;
    text-align: center;
}