text: var interleaveOffset = 0.5;
      var swiperOptions = {
          loop: true,
          speed: 3000,
          grabCursor: true,
          SlidesPerView: 3,
          watchSlidesProgress: true,
          mousewheelControl: true,
          keyboardControl: true,
          navigation: {
              nextEl: ".swiper-button-next",
              prevEl: ".swiper-button-prev"
          },
          pagination: {
              el: '.swiper-pagination',
              clickable: true,
            },
          autoplay: {
              delay: 3000,
          },
          fadeEffect: {
              crossFade: true
          },
          on: {
              progress: function() {
                  var swiper = this;
                  for (var i = 0; i < swiper.slides.length; i++) {
                      var slideProgress = swiper.slides[i].progress;
                      var innerOffset = swiper.width * interleaveOffset;
                      var innerTranslate = slideProgress * innerOffset;
                      swiper.slides[i].querySelector(".slide-inner").style.transform = "translate3d(" + innerTranslate + "px, 0, 0)";
                  } 
              },
              touchStart: function() {
                  var swiper = this;
                  for (var i = 0; i < swiper.slides.length; i++) {
                      swiper.slides[i].style.transition = "";
                  }
              },
              setTransition: function(speed) {
                  var swiper = this;
                  for (var i = 0; i < swiper.slides.length; i++) {
                      swiper.slides[i].style.transition = speed + "ms";
                      swiper.slides[i].querySelector(".slide-inner").style.transition = speed + "ms";
                  }
              }
          }
      };
  
      var swiper = new Swiper(".swiper-container", swiperOptions);