How to fix a bug on iphone?

Question

iPhone

There is a section that goes full screen height. The background should have an image with the background-attachment: fixed property. Those. the background image does not go beyond the section. But on iOS Safari there is a bug - the image is not visible. Here is what is written about this on caniuse

iOS Safari has buggy behavior with background-size: cover; + background-attachment: fixed;

How can I achieve this effect on iOS? I made an example in a slightly different way, but the picture goes beyond the red frame. How to make sure that the image does not go beyond the frame when scrolling?
https://jsfiddle.net/wt6u2j61/

Answer 1

https://caniuse.com/#search=background-attachment
No buggy behavior, everything is very expected, it is not supported in mobile browsers, and it seems like no one has managed to recreate it only using css, at least I did not find a suitable polyfill .
JS with its bunch of parallax libraries to help.