.swiper-container {
  width: 100%;
} @media (max-width: 768px) {
    .swiper-container {
    width: 100%;
  }
}
.swiper-container.swiper-container-coverflow {
}
.swiper-slide {
  background-position: bottom;
  background-size: cover;
  box-shadow: 1px 3px 20px rgba(0,0,0,0.2);
}


.swiper-slide::after {
  content:"";
  background-image: inherit;
  background-position: bottom;
  background-size: cover;
  transform:  scaleY(-1);
  width: inherit;
  height:40%;
  position: absolute;
  bottom: -41%;
  opacity: 0.4;
}
.swiper-slide::before {
  z-index: 1;
  content:"";
  width: inherit;

  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #fff);
}