fix(hero & services): layout and image display

[prajaktaukirde]

What does this PR do?

Fixes #2020

• Hero component: corrected image path, ensured responsive layout, and prevented overlapping content on desktop and mobile.
• Services component: YouTube slider images display correctly, spacing and layout adjusted, text and stats no longer overlap.
• No new dependencies added.

Type of change

• Bug fix (non-breaking change which fixes an issue)

How should this be tested?

• Open the site locally or via deployed version.
• Confirm Hero section:
  • Image displays correctly.
  • Content does not overlap on desktop and mobile.
• Confirm Services section:
  • YouTube slider images load properly.
  • Text and stats spacing looks correct.
  • Layout is responsive.

Mandatory Tasks

• Self-reviewed the code to ensure all changes are correct.

Checklist

• Changes are limited to the intended files (Hero.jsx, Services.jsx)
• Code follows the style guidelines of the project
• Comments added where necessary
• No new warnings generated

[vercel]

@prajaktaukirde is attempting to deploy a commit to the Piyush Garg's projects Team on Vercel.

A member of the Team first needs to authorize it.