Issues with parallax scrolling on Iphone

Hey. I’m doing my first front end project and I’ve come across this issue that the parallax scrolling (with background attachment fixed ) is messing up the background image, it zooms in. This issue seems to be only on IOS devices as i tested it on android phones. I thought it was because of the background-size:cover style but it appears the case isn’t so because the zooming issue gets solved when I removed the background attachment style. I know that mobile devices have trouble with parallax scrolling but I just want to know if there is any way to save this design. Thank you in advance.

P.s : this is my first time posting and i apologize for any mistakes I have done.