[BUG]: Fix marquee animation starting from center instead of seamless left-to-right flow

[madhavansingh]

Bug Description

The horizontal scrolling feature tags (e.g., QuickView • CodeAI • PictoAI • SmartSort) on the landing page are not animating correctly.

Currently, the animation appears to originate from the center of the screen and then moves toward the right. This breaks the expected visual flow and makes the animation look unnatural.

Ideally, the animation should either:

• Start from the left side (off-screen) and move smoothly to the right
  or
• Be implemented as a seamless infinite loop (marquee-style) without any visible restart

Steps to Reproduce

Steps to Reproduce

1. Open the PictoPy landing page
2. Scroll to the section with feature tags (QuickView, CodeAI, etc.)
3. Observe the horizontal scrolling animation
4. Notice that the elements appear from the center and move right instead of starting from the left or looping seamlessly

Logs and Screenshots

Screen Recording

Screen.Recording.2026-03-18.at.3.43.04.PM.mov

Environment Details

• OS: macOS
• Browser: Safari (also reproducible in other browsers)
• Environment: Localhost (development server)

Impact

Medium - Feature works but has issues

Code of Conduct

• I have joined the Discord server and will post updates there
• I have searched existing issues to avoid duplicates