.ck-hero-slider,
.ck-slides.splide__slide {
  height: 60vh; 
}

.ck-slides.splide__slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


.splide__slidex {
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  animation: bgZoom 15s ease-in-out infinite alternate;
}

@keyframes bgZoom {
  0% {
    background-size: 100%;
  }
  100% {
    background-size: 115%;
  }
}


@media (max-width: 477px) {
  .ck-hero-slider,
  .ck-slides.splide__slide {
    height: 50vh !important;
  }
}