Fix wave css animation

[Jeet-Bubna]

Summary

Fixed the wave animations on the home page, reducing the CLS score to near zero. The screenshot below was taken from the local development environment. This improvement was achieved by changing the animation method from margin-based to transform-based animation.

![Wave animation after fix]

Description of changes

• Updated wave animation to use transform: translateX() instead of animating margin-left, preventing layout recalculation and reducing CLS.
• Adjusted overflow attributes on the wave container to accommodate a wider set of overflow scenarios.
• TO DO: Implement seamless infinite loop for wave width, as discussed in the original issue.

I confirm I have:

• Joined the Python Discord community
• Read the Code of Conduct and agree to it
• Discussed implementing this feature on the relevant service (Discord, GitHub, etc.)

[netlify]

❌ Deploy Preview for pydis-static failed. Why did it fail? →

Name	Link
🔨 Latest commit	b70a73a
🔍 Latest deploy log	https://app.netlify.com/projects/pydis-static/deploys/69acf9fa07a3e900083f0f6d