How to fill the background image on the full screen. Currently it leaves the nav bar with a whitespace. and the image is cut from the top [closed]

I tried wrapping the “parallax-img” class around my main content but that removes the navigation bar once I scroll down and reach the landing page limit.
enter image description here

i will link my Github down for the code:
https://github.com/pr1thvicoder/fitnessproject.git

Answer

TRY USING Z-INDEX BY MAKING IMAGE ON TOP AND NAV-BELOW AND ADD SOME SPACING ON TOP OF IMAGE TO ALIGN IT WITH NAVBAR