Fixed the mixing of the heading in the hero section of services page with the hero image

[VyjayantiN]

Summary

The heading in the hero section of the services page is overlapping with the hero image, making the text difficult to read. This issue is not consistent with other pages on the website, where the transparency is adjusted to ensure that the text is clearly visible on the background image. This pull request fixes the transparency issue on the services page, making the text more legible.

Fixes # (issue)

Fixed the hero section of services page.

Type of change

• Bug fix
• New feature
• Breaking change
• Documentation update
• Other (please describe)

Checklist

• [] My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have added tests to cover my changes.
• All new and existing tests passed.

Screenshots

[VyjayantiN]

@Neilblaze @AbhiPatel10 Please check this!!

[VyjayantiN]

@kartikayasija @Neilblaze Please check this out.

[kartikayasija]

@VyjayantiN This issue is already assigned to someone else, Please get the issue assigned first and then raise the PR.
Read the contribution guidelines.

[VyjayantiN]

@Neilblaze please assign this issue to me.