@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-200px * 6));
  }
}

.animate-scroll {
  animation: scroll 30s linear infinite;
  display: flex;
  width: calc(200px * 12);
  will-change: transform;
  /* For smoother animation */
}

/* Optional: Pause animation on hover */
.animate-scroll:hover {
  animation-play-state: paused;
}