Help with sticky nav - change color

Hope someone can help with this. I had a sticky navbar that changed from transparent to a blue background when I scrolled up. I was just trying to change it to kick in a bit earlier, but now seem to have broken it.

I have a DIV block, Navbar Background, positioned absolutely at the top of the page. And a ‘Page scrolled’ interaction set to trigger on scroll up (Navbar Opacity) and on scroll down (Navbar Transparent) on the class Navbar Background.

If anyone could have a quick look and see where I’ve messed it up that would be much appreciated. Thank you.


Here is my public share link: [LINK][1]
[1]: https://preview.webflow.com/preview/handprint-web-design?utm_medium=preview_link&utm_source=designer&utm_content=handprint-web-design&preview=cd71787c71d5e2915430122d02476aa9&pageId=5ed5699f61734924842bc225&mode=preview
[2]: Share a read-only link | Webflow University