Fix: Blue background extending incorrectly on Homepage (#204)

[Karunya-3]

Fixes #204

Key Improvements Made:
->Background Overflow Fix:
- Added a dedicated container div with overflow-hidden.
-Applied object_cover on the CodingBackground component.
->Layout Structure Enhancements
-Used flex and justify-center for vertical centering.
-Replaced space utilities with gap-4 for cleaner button spacing.
-> Color Consistency
-Changed text-gray-700 → text-gray-300 for better contrast on dark backgrounds.
-Used opacity modifiers (/80) instead of bg-opacity for wider browser support.
->Transistion & Animation
-Updated to transition-all for smoother animations.

Testing Done

• Verified the fix with npm run dev.
• Confirmed that background and layout now render consistently.

Screenshoots:

Before:

After:

[vercel]

@Karunya-3 is attempting to deploy a commit to the Aadil Latif Team on Vercel.

A member of the Team first needs to authorize it.