.swiper-slide .left-image:before {
            position: absolute;
            content: "";
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            background: #d1d3d4;
            transition: 0.3s ease all;

        }

        .swiper-slide-active .left-image:before {
            transform: translateX(-100%);
            transition: transform 0.3s ease 1s;
            /* Add 6s delay here */
        }

        .swiper-slide {
            opacity: 0;
            transition: opacity 6s ease 2s;
        }

        .swiper-slide-active {
            opacity: 1;
        }