BUG : Fix responsiveness of hero section on medium width and fix footer social link

[Shivin1016]

Describe the bug

1->Fix responsiveness of hero section on meduim width --> main img overlap with left content

2->Fix the social links in main footer instead of position in footer bottom

To Reproduce

-->Check for meduim width of hero section
-->fo for footer section and check that social link is in footer bottom

Expected behavior

-->fix the isssue

Additional context

No response

[github-actions]

🙏 Thank you for opening this issue!

We appreciate your effort in contributing to this project. Our team will review the details shortly.

🔎 Meanwhile, please ensure that you have:

• Reviewed the README.md for project setup and guidelines.
• Gone through the CONTRIBUTING.md to follow contribution standards.
• Read the CODE_OF_CONDUCT.md to maintain a respectful community.

⚠️ Kindly note: Please do not create a Pull Request until this issue has been properly assigned to you. This helps us keep contributions well-organized. 🚀

Thanks again for your contribution! ✨

[Shivin1016]

@Akashshelke07 please check this issue and assign to me

[Akashshelke07]

👋 Hi there!

Thank you for contributing! This issue involves:
1️⃣ Fixing the hero section on medium screen widths where the main image overlaps the left content.
2️⃣ Adjusting the social links in the main footer so they are correctly positioned instead of at the very bottom.

✅ Please review README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before starting.
⚠️ Wait until this issue is assigned to you before submitting a Pull Request.

Once assigned, create a branch, fix the responsiveness issues, and reference this issue in your PR (e.g., Fixes #<issue_number>).

🚀 Your help ensures a more responsive and user-friendly interface—thank you!