Fixed images for Mobile scrolling (Issue)

Okay, so I have ran into a interesting yet annoying problem. I have looked up google tutorials but a majority of the things on there are basically asking me to reconstruct my website a bit. I'd rather avoid this if possible.

On desktop, the website works as it should, but my android and (I assume iOS) are giving me problems. the main background image is gone (which is fixed) and the header / hero image is also fixed, however on mobile it's scrolling.

I know the main problem is the fact I am using background-size: cover; for all my background images. I have future plans for the website in the future but I'd like to know how to fix this without having to create extra divs and reconstructing if possible.

I can provide a link to the website if it'll help or post the code, but I am sure the issue should be some what clear.