[Bug]: Fix Dual Vertical Scrollbars and Background video Overlap Issue

[mohangolakoti]

Give a brief about the bug ✍️

Hello @ayush-t02,
On the web page, there are two vertical scrollbars. When scrolling down, part of the background image becomes visible behind the front content, which doesn't look aesthetically pleasing. This issue needs to be addressed to improve the visual design.

Screenshot:

What is the expected behavior? 🤔

-There should be only one vertical scrollbar on the web page.
-When scrolling down, the background image should remain hidden behind the front content and not become partially visible.
-There should be no horizontal srollbar.

Please assign me this issue.

Provide step by step information reproduce the bug 📄

Reproducing the Bug:
Open the web page and observe two vertical scrollbars.
Scroll down to see the background image overlapping with front content.

Solution Plan:
Inspect page layout and CSS for overflow properties.
Adjust CSS to ensure only one scrollbar.
Modify background image properties for stability.
Test responsiveness and refine as needed.

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

[github-actions]

Hey @mohangolakoti! 👋

👉 Thanks for opening this issue. We appreciate your contribution and will look into it as soon as possible.
👉 Don’t forget to star our Dot-Box and Follow Us on GitHub
👉 Make sure you join our Discord, we have created separate channels for all projects

[github-actions]

Thank you for your contribution! If you have any questions or need further assistance, feel free to reach out to us on our Discord server: Discord. We have separate channels for all projects. Happy coding! 🚀

Connect with us on social media:

• GitHub: ChromeGaming
• LinkedIn: ChromeGaming
• Instagram: @chromegamingon