Scroll into view > background color animation not working

Hi, I’m in the process of creating the typical navbar animation where logo gets smaller as soon as user starts scrolling.

All works well but the background color of .navbar_component that should change from:
255,255,255,0 (set as initial state)
to:
255,255,255,0.5

But instead the background stays fixed to 255,255,255,0.5, which by the way is the value assigned in the style panel to .navbar_component

Why is the background color property not affected?
I’d appreciate if you had a look and help me with this.
Thank you!


Here is my public share link: [LINK](https://preview.webflow.com/preview/finding-sense-psychology-fd5aa4ad8b7f91?utm_medium=preview_link&utm_source=designer&utm_content=finding-sense-psychology-fd5aa4ad8b7f91&preview=19911367b31a1ea47b72d884b796e586&workflow=preview)
(how to access public share link)