Add horizontal auto-scrolling animation for company logos in "Alumni from top companies trust Alum Connect" section

[stuticoder123]

In the section Alumni from top companies trust Alum Connect, I’ve displayed logos of some well-known tier-1 companies. Currently, they are static and can only be viewed in the available space on the screen. To enhance user engagement and make the section more dynamic, I want to add a continuous horizontal auto-scrolling effect for these company names : names should smoothly scroll from left to right in an infinite loop. When a user hovers over the company names (or on a specific name), the scrolling should pause so they can identify and view the company properly. Once the cursor is removed, the scrolling should resume automatically. The animation should be clean and professional to highlight the trust of alumni from these companies.

Expected Behavior :-
Company names auto-scroll horizontally from left to right.
On hover, the scrolling pauses.
On hover out, the scrolling resumes seamlessly.

Steps to Reproduce (Current Behavior) :-
Visit the Alumni from top companies trust Alum Connect section.
Possible Fix / Implementation Suggestions:
Use CSS @Keyframes animation for infinite horizontal scrolling.
Alternatively, use Framer Motion with animate and onHoverStart/onHoverEnd to achieve hover-to-pause behavior.
Ensure responsiveness for different screen sizes.

[ARZU-V]

i would like to work on this issue

[stuticoder123]

@ARZU-V Tell me the detailed approach as how would you resolve the issue by your own if I assign this task to you?

[ARZU-V]

Basically just wrap the names in a container, duplicate the list once, and then use a simple @Keyframes to move the track horizontally on an infinite loop. You can pause the animation on hover with animation-play-state: paused, so users can actually stop and read the logos. Once they move the cursor away, it just keeps scrolling again. Super lightweight and works well across screen sizes.

[stuticoder123]

@ARZU-V this issue is assigned to you from nowonwards but I want the animation to be smooth and professional.