.splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.splide__slide {
  opacity: 0.6; 
  transition: opacity 1s ease;
}


.splide__slide.is-active  {
  opacity: 1;
}

.splide__slide.is-active  img {
  object-fit: cover;
  -webkit-animation: zoom 50s; /* Chrome, Safari, Opera */
  animation: zoom 50s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1,1);
  }
  to {
    -webkit-transform: scale(1.5,1.5);
  }
}

/* Standard syntax */
@keyframes zoom {
 from {
      transform: scale(1,1);
 }
 to {
      transform: scale(1.5,1.5);
 }
}