Gap between sections and full cover image in section

I’m a beginner with using Webflow, and I was trying to figure out how to keep the the footer stuck to the bottom of the page, but also have the top section (below the logo, or nav bar) use a cover photo as in a hero type of section with buttons that are stuck at the bottom part of that section.

You can see from the photo that when the page becomes smaller then the footer section and the top section separate and a white gap appears. Also, when I rotate my iPhone to look at it in mobile, there is a white gap on either side of the top section. Thanks for your help

Here is my site Read-Only: LINK
(how to share your site Read-Only link)