.custom-image-slider {
  .swiper {
    width: 100%;
    height: 100%;
    will-change: transform;
    position: relative;
    max-width: 100%;
    display: flex;
    justify-content: center;
  }

  .swiper-wrapper {
    padding-left: calc(25% - 8px);
  }

  .swiper-slide {
    line-height: 0;
    opacity: 0.35;
    transition: opacity 0.3s ease-out;
    will-change: transform;
  }

  .swiper-slide.swiper-slide-active {
    opacity: 1;
    transition: opacity 0.3s ease-in;
  }

  .swiper-slide .slide-image {
    width: 100%;
    background-color: #fff;
  }
}