Streaming live at 10am (PST)

On page scoll (parralax) but on Chrome


I have a section on my page with 3 layers of graphical content (currently R + G +B verions of a graphics for testing)

I offset the “rear” plane negative -> positive values on Y and the “foreground” layer to positive -> negative values on scroll.

The interaction works fine on most browsers and at different size screens, BUT it is miss-aligned in chrome on mobile (iOS) and windows Desktop.

Am I using the right technique to achieve this? or should I try another way?

The page : (should be a square section filled with red and layers behind it.

Appreciate any pointers or tips.

Warm Regards,

Here is my public share link: