Need help with footer with background parallax effect

I am trying to set my footer to look more pretty than what I have so far. I’d like it to be further up in my site so there isn’t a lot of wasted space on the screen. Also, I’d like it so the bottom edges of the rotating image aren’t seen below the footer. Is this possible?

Additionally, I’d like the footer to look clean on the other breakpoints.

Thank you.

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