How to change Navbar on scroll with Waypoint.js

I’m trying to trigger a background change on my navigation for each section.
I’ve tried Webflow scrolling interactions and now Waypoint without success.

The waypoints trigger fine when I inspect, but on load they fire at strange points while scrolling.

Any help would be greatly appreciated.

Here is my Read-Only link:

https://preview.webflow.com/preview/sevensixfive-website?utm_medium=preview_link&utm_source=designer&utm_content=sevensixfive-website&preview=980afa52b8bcbbbdce1d3780bd989cde&mode=preview

Did you ever figure this out?