skilled-elearning-landing-page (grid & flex)

Hero I cannot figure out the hero section. I've tried positioning but that creates horizontal scroll (for some reason overflow: hidden didn't work) AND my image was not the correct size. It was smaller than it should be. I think it may be because the image is inside of a grid, but when I tried it as a background image it didn't look right because it was layered under the nav.

Whitespace There is extra white space at the bottom of my page that I can't figure out where it's coming from.

Any advice would be appreciated