Fix position don't work on Chrome. but yes on Safari

hi,
I’m trying to manage a background scroll effect by layering the background content in a fix position one over other
(bg1 > position fixed + Z-indez -1
bg1 > position fixed + Z-index -2
…) than when scrolling the bg1 to <opacity 0> to chowe up the next one.

the problem I think is that the fixed position doesn’t work in chrome.
if anyone knows how to fix it will be cool.
thanks
Read-only link:
https://preview.webflow.com/preview/lux-comercia-473f4b?utm_medium=preview_link&utm_source=designer&utm_content=lux-comercia-473f4b&preview=fc6cea3f0deba34689fd7b9fcf15c70a&mode=preview

I get it > removing relative position for children