.animated-images-horizontal {
    background-color: #181818;
}

.animated-images-horizontal__image {
    width: 100%;
    border-radius: 20px;
}

@media (min-width: 768px) {
    .animated-images-horizontal__swiper.swiper {
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
    
    .animated-images-horizontal__swiper.swiper::-webkit-scrollbar {
        display: none;
    }

    .swiper .swiper-wrapper.animated-images-horizontal__content {
        display: grid;
        grid-template-areas: 
        "a b c"
        "d e f";
        gap: 2rem;
        width: 150%;
        padding: 8rem;
    }

    .animated-images-horizontal__content .swiper-slide:nth-of-type(1),
    .animated-images-horizontal__content .swiper-slide:nth-of-type(2),
    .animated-images-horizontal__content .swiper-slide:nth-of-type(3) {
        margin-left: -50rem;
    }

    .animated-images-horizontal__content .swiper-slide:nth-of-type(4),
    .animated-images-horizontal__content .swiper-slide:nth-of-type(5),
    .animated-images-horizontal__content .swiper-slide:nth-of-type(6) {
        margin-left: -15rem;
    }
}