.swiper {
  width: 80%;
  height: 80%;
}

    
    .swiper-container {
      width: 100%;
      height: 1000px;
    }

.swiper-slide{
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      align-items: center;
}
img.swiper_img {
  width: 80%;
  height:80%;
}

@media only screen and (min-width:100px) and (max-width:700px){
  img.swiper_img {
  width: 80%;
  height:80%;
}
 .swiper-container {
      width: 100%;
      height: 400px;
    }
}