How can I fix the contact section of my page?

I don’t believe that your problem is your contacts section. It appears to me that the absolute positioning with fixed dimension on the last photo and the video is your actual problem.

#large-img {

#video {

Your code is a bit rough, using absolute positioning everywhere kind of has everything being thrown out of order and sitting on top of each other. Your nav and video are hidden off to the right, I had to scroll sideways to see what was over there.

For the last image, you gave it an absolute position, so the contact form couldn’t flow naturally beneath it… just remove the positioning and the contact form will appear beneath it instead of under it.

Take some time though to clean up your html/css and not use absolute positioning for everything. Instead try flexbox or grid for layout.

Thanks for the feedback. I will try to clean up my code.