bug: Fix GSAP animation issues, unsupported CSS masking, non-standard zoom usage, and SSR unsafe ScrollTrigger registration

[ANSHIKATYAGI30]

Description

The FeatureCard animation component currently contains multiple issues related to animation handling, browser compatibility, and Next.js SSR safety.
The current implementation:

• uses an invalid GSAP random value syntax,
• relies on unsupported CSS masking properties,
• uses non-standard CSS zoom scaling,
• and registers ScrollTrigger at module level.

These issues can cause:

• broken or inconsistent animations,
• browser compatibility problems,
• rendering inconsistencies across environments,
• and SSR/build failures in Next.js applications.

Steps to Reproduce

1. Open the application containing the FeatureCard component
2. Hover over animated cards and inspect animation behavior
3. Check browser compatibility in Firefox/Safari
4. Run the app in a Next.js App Router environment
5. Observe animation glitches, rendering inconsistencies, or SSR-related warnings/errors

Expected Behavior

GSAP animations should run correctly without invalid values
Border effects should work consistently across browsers
Scaling should use standard CSS transforms
ScrollTrigger should initialize safely in client-side lifecycle hooks without SSR issues

Environment

Chrome

[github-actions]

👋 Hey @ANSHIKATYAGI30, welcome to CommitPulse! 🎉

Thanks for opening your first issue — we're glad you're here.

Before diving in, please take a moment to:

• 📖 Read the CONTRIBUTING.md guide
• 💬 Join our Discord community for faster support and collaboration
• 🏷️ Comment /claim on any open, unassigned issue you'd like to work on

A maintainer will review your issue shortly. Happy contributing! 🚀

[ANSHIKATYAGI30]

/claim

[github-actions]

🎉 Assigned! Welcome to the project, @ANSHIKATYAGI30.

⏳ Reminder: You have 2 days to submit a Pull Request. After 2 days of inactivity, you will be automatically unassigned to give others a chance (as per our GSSoC anti-hoarding policy).

💡 Please read CONTRIBUTING.md if you haven't already.

Happy coding! 🚀