Как пофиксить баг на iphone?

Question

[WhatIsHTML]

Есть секция, которая идет во всю высоту экрана. На фоне должно быть изображение со свойством background-attachment: fixed. Т.е. фоновое изображение не выходит за рамки секции. Но на iOS Safari вилазит баг - изображение не видно. Вот что написано по этому поводу на caniuse

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

Как мне добиться такого эфекта на iOS? Сделал пример немного другим путем, но картинка выходит за красную рамку. Как сделать так, чтобы картинка не выходила за рамку при скроллинге?
https://jsfiddle.net/wt6u2j61/

Answer 1

[alvvi]

https://caniuse.com/#search=background-attachment
Никакого buggy behavior, все очень даже expected, в мобильных браузерах оно не поддерживается, и воссоздать только средствами css вроде как никто еще не сумел, по крайней мере годного полифила я не находил.

JS с его кучей параллакс бибилотек в помощь.