html, body {
  margin:0;
  padding:0;
}

.vertical-swiper {
  width:100%;
  height:100vh;
}

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

.swiper-slide {
  display:flex;
  justify-content:center;
  align-items:center;
  overflow:hidden;
}

.swiper-slide img,
.swiper-slide video {
  width:100%;
  height:100%;
  object-fit:cover;
}

.horizontal-swiper .swiper-slide {
  width:100%;
}

.vertical-pagination {
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  z-index:10;
}

.swiper-pagination-bullet {
  background:white;
  opacity:.6;
}

.swiper-pagination-bullet-active {
  opacity:1;
}