.marquee-content {
  width: max-content;
  animation: marquee 9s linear infinite;
}

@keyframes marquee {
   from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(-50%, 0, 0);
    }
}

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