Footer overlays the video content when scrolling down

[Shreesanyog]

Description

I've encountered an issue while navigating the website. The footer section seems to be overlapping the video content when scrolling down the page. This creates a visual obstruction and affects the user experience.

Screenshots

Any additional information?

Issue Description

• Page URL: https://virtuo-learn.vercel.app/Pages/Videos/sources/button-2/index.html
  • Current Behavior: When scrolling down, the footer rises and overlays the video content.
• Expected Behavior: The footer should remain at the bottom of the page and not cover any content.

What browser are you seeing the problem on?

No response

Checklist

• [X] I have starred the repository
• [X] I have checked the existing issues
• [X] I have read the discussion tab thoroughly and got the project idea
• [X] I am willing to work on this issue (optional)
• [X] I am a GSSOC'24 contributor

[github-actions[bot]]

Congratulations, @Shreesanyog! 🎉 Thank you for creating your issue for Virtuo-Learn. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work! Should you have any queries or require guidance, do not hesitate to ask.