Fix: make hero section responsive on mobile

[devanmolx]

Description

This PR fixes #2216

1.) Updated the hero image to scale to 100% width on screens smaller than 800px, ensuring it looks great on mobile.

2.) Adjusted the padding of the hero container for screens under 800px to 50px 0 to improve spacing and overall layout balance on smaller devices.

Before:

After:

Notes for Reviewers

1.) Changed the inline image width from 80% to a responsive style using media queries. 2.) Verified the change works correctly on different screen sizes.

Signed commits

• [x] Yes, I signed my commits.

[netlify[bot]]

✅ Deploy Preview for mesheryio-preview ready!

Name	Link
🔨 Latest commit	ad41f846fa0628d16e7aac171ad46149af194c88
🔍 Latest deploy log	https://app.netlify.com/projects/mesheryio-preview/deploys/689b02214620fd00084fff46
😎 Deploy Preview	https://deploy-preview-2220--mesheryio-preview.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[vishalvivekm]

@devanmolx Thank you for your contribution! Let's discuss this during the website call today at 5:30 PM IST

Add it as an agenda item to the meeting minutes, if you would :)