Interactions worked in preview mode by failed on mobile phone

Hi guys
I was designing a portfolio site for the studio.
I tried using “Scroll into view” interaction to change my navbar color.
The effect seems alright in the preview mode and also correct in the inspection mobile mock on live site. However, when I open the live site on actual mobile phone browser, the effect wasn’t working

I’ve tried different browser (chrome, safari…) but all failed.

Please help me look into the problem if possible! Many Thanks!

The following is the correct look, which the navbar animates from white to black (on preview mode and inspection mode)


The following is the broke look, which the navbar fails to animate from white to black (on mobile browser)



Here is my public share link: [LINK](Webflow - 偶爾設計工作室|OR design)
Here is the live site: https://ordesignstudio.webflow.io/
(how to access public share link)