html,
 body {
   position: relative;
 }

 body {
   margin: 0;
   padding: 0;
 }

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

 .swiper-slide {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
 }

 .swiper-slide img {
   display: block;
   width: 70%;
   height: 100%;
   opacity: 0.5;
   object-fit: cover;
 }

.swiper-slide img:hover{
 opacity: 1;
 cursor: pointer;
 transition: all .5s ease-in-out;
}
 .swiper-pagination{
     display: none;
 }