Add Gradient Shadow and Effect to Hero Section Image

[megh-bari]

What does this PR do?

This pull request adds a gradient shadow and effect to the hero section image feature on the website.

Fixes #1638

issue.resolve.mp4

Type of change

1. Adding a relative inline-flex group to the hero image column
2. Adding an absolute transition-all duration-1000 opacity-70 inset-px bg-gradient-to-r animate-pulse hover:animate-none from-[#44BCFF] via-[#FF44EC] to-[#FF675E] rounded-full blur-lg group-hover:opacity-100 group-hover:-inset-1 group-hover:duration-200 class to create the gradient shadow effect
3. Wrapping the image in a relative z-10 div to ensure it appears on top of the gradient

How should this be tested?

• Start the development server and navigate to the homepage
• Verify that the hero section image has a gradient shadow effect that animates on hover
• Test the layout and responsiveness on different screen sizes

Mandatory Tasks

• Self-reviewed the code

[vercel]

@megh-bari 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.