Navbar background color change

Hey everyone

I am trying to create an animation for my navbar. I would like the colour to go from transparent to white when you scroll down. I have managed to successfully do this, but when I try to put an interaction in for the colour to return back to transparent when one of the headings at the top comes into view, it doesn’t change. It remains as white.

Any ideas what I am doing wrong?


Here is my site Read-Only: https://preview.webflow.com/preview/prescription-skin?utm_medium=preview_link&utm_source=designer&utm_content=prescription-skin&preview=d4b5dac80a0ab511cdf844a92a93d1d5&workflow=preview