Responsive landing page with css grid and flexbox

This looked harmless at the beginning but turned out to be quite the challenge. A lot of CSS decisions I made felt quite hacky- especially in the footer. If anyone has feedback or suggestions on how to write the markup and CSS for the footer more efficiently, please let me know.

I was also lost on how the svgs supplied are supposed to be used for the background if anyone has insight on that.

Also trying to look into a way for the carousel buttons on mobile to detect scroll to update the state of each button depending on which item is in view.

Thanks in advance!