.marquee-track:hover {
  animation-play-state: paused;
}
@keyframes marquee-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-33.3334%);
  }
}
@keyframes marquee-right {
  from {
    transform: translateX(-33.3334%);
  }
  to {
    transform: translateX(0);
  }
}



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

        100% {
            transform: translateX(-50%);
        }
    }

    .animate-marquee {
        display: flex;
        width: max-content;
        animation: marquee 25s linear infinite;
    }

    .animate-marquee:hover {
        animation-play-state: paused;
    }