@keyframes animation-marque {
  0% {
    transform: translateX(var(--marquee-x-start-position, 0));
  }
  100% {
    transform: translateX(var(--marquee-x-end-position, -50%));
  }
}

.animation-marque {
  animation: animation-marque linear infinite;
  animation-duration: var(--marquee-speed, 30s);
  animation-play-state: var(--marquee-play-state, running);
  will-change: transform;

  &:hover {
    animation-play-state: paused;
  }
}