.gf-marquee-section .marquee-wrapper {
  display: flex;
  width: fit-content;
  animation: gf-marquee-scroll var(--marquee-duration, 20s) linear infinite;
}

.gf-marquee-section .marquee-content {
  flex-shrink: 0;
}

.gf-marquee-section:hover .marquee-wrapper {
  animation-play-state: paused;
}

@keyframes gf-marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}