My Background Overlay created with DivBlock is not working on Safari

Hello ! :smile:

I’m having trouble with the background color overlays of my website… I created this background with some DivBlock that I set with the layer blur and I used absolute position for those DivBlock…

But I can’t understand why on safari and mobile phone it’s not working… The background doesn’t appear correctly…
I tried to resolve the problem with the z-index and the flexbox because i know on safari it could be a mess ahah but unfortunately nothing changed.

I’m hoping someone will be able to find my mistake :smiling_face_with_tear:

By the way, on google chrome, everything works :sweat_smile:

my live site https://viby-facile.webflow.io/


Here is my site Read-Only: https://preview.webflow.com/preview/viby-facile?utm_medium=preview_link&utm_source=dashboard&utm_content=viby-facile&preview=a5ab8a0d265b075eeccd97963ea6b540&workflow=preview