Header colour on scroll disappears randomly

Hi there,

I have a transparent header which turns into a white background on scroll. I have an issue where sometimes when scrolling and stopping, the background goes transparent again randomly.

Its happening particularly badly on the page i have linked, but not as bad on other pages.

It doesn’t do it in preview using chrome dev tools, but it happens on my actual mobile device (using an Android device – Samsung S24 FE).

What could be causing this and how can i make sure it stays the background colour until back at the top?

I am using Version 2.1.6

The page I need help with: [log in to see the link]