.cms-slider{
  position:relative;
  width:100%;
  height:80vh;
  overflow:hidden;
}
.cms-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity .6s ease;
}
.cms-slide.active{
  opacity:1;
  z-index:1;
}
.cms-slide img,
.cms-slide video{
  width:100%;
  height:100%;
  object-fit:cover;
}
.cms-controls span{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  font-size:40px;
  color:#fff;
  cursor:pointer;
  padding:10px 15px;
  background:rgba(0,0,0,.4);
  z-index:10;
}
.cms-prev{left:20px;}
.cms-next{right:20px;}