@keyframes scroll{
  0% {transform: translateX(0);}
  100% {transform: translatex(-1000%)}
}
.carousel-item {
  transition: transform 10s ease-in-out, opacity 10s ease-in-out;
}
/* .animate{
  animation: scrolling linear 15s;
  animation-timeline:view() ;
  animation-range: entry 0% cover 50%;
}
@keyframes scrolling {
  from{
    opacity: 0.5;
    scale: 0.5;
  }
  to{
    opacity: 1;
    scale:1;
  }
  
} */