.introduction-swiper{
    position: relative;
    padding: 180px 0 120px;
    >.bg{
        position: absolute;
        z-index: -1;
        inset: 0;
        >img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: bottom center;
        }
    }
    >.cover{
        position: absolute;
        z-index: -1;
        inset: 0;
        background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.80) 100%);
    }
    >.swiper{
        padding: 0 40px;
        .swiper-slide > img{
            width: 100%;
        }
    }
}

@media screen and (width < 768px) {
    .introduction-swiper{
        padding: 120px 0 60px;
    }
}