/* base */
#carouselId .carousel-inner,
#carouselId .carousel-item { overflow:hidden; height:100%; }

#carouselId img.sl-img{
  width:100%;
  height:100%;
  object-fit:cover;
  will-change: transform;

  /* start pose uses CSS vars */
  transform: scale(var(--kb-from-s,1.03)) translate(var(--kb-from-x,0%), var(--kb-from-y,0%));
  transition: transform 7s ease-in-out;
}

/* when "playing", move to end pose */
#carouselId img.sl-img.kb-play{
  transform: scale(var(--kb-to-s,1.12)) translate(var(--kb-to-x,0%), var(--kb-to-y,0%));
}

@media (prefers-reduced-motion: reduce){
  #carouselId img.sl-img{ transition:none !important; transform:none !important; }
}