@charset "utf-8";

.img-slider {
    width: 100vw;
    margin: 0 calc(50% - 50vw) 40px;
    overflow: hidden;
}

.img-slider .swiper-wrapper {
    transition-timing-function: linear !important;
}

.img-slider .swiper-slide {
    width: 240px !important;
    height: auto;
}

.img-slider .swiper-slide img {
    width: 100%;
    height: 100%;
    aspect-ratio: 5/3;
    object-fit: cover;
    display: block;
}

@media (min-width: 768px) {
    .img-slider {
        margin-bottom: 80px;
    }
    
    .img-slider .swiper-slide {
        width: 400px !important;
    }
}