Section Interaction Not Affecting Mobile Nav Properly Upon Publish

I published my webflow site, and things have gone wonky. I’ve been able to fix most of the hiccups, but I need help figuring out why my color-changing background (section) no longer stops affecting the Nav Bar on mobile when the section is scrolled out of view.

It behaves properly in designer, but on the published site, the colors don’t stop on the nav bar until it hits my first project image. I want the colors to stop changing on the nav bar as soon as the section ends. And the new one begins. Any insight would be much appreciated! <3

Here is my public share link: [LINK](Webflow - Victoria's AMAZING Site)
(how to access public share link)