@keyframes auto-scroll {
    0% { transform: translateX(0); }
    /* Translate by 50% of w-max container minus half the gap (1.5rem / 2 = 0.75rem) to ensure a perfectly seamless loop */
    100% { transform: translateX(calc(-50% - 0.75rem)); } 
}
.animate-scroll {
    animation: auto-scroll 45s linear infinite;
}
.group:hover .animate-scroll {
    animation-play-state: paused;
}