What I am trying to achieve can be seen here. http://cecil-studio.com/. As one see a Marquee at the TOP of the page with Text “PARIS. GRAPHIC DESIGN AND ART DIRECTIONS”. When you see above fold the page the FONT is in black color, as you scroll down since the MARQUEE is sticky it roll over other background images placed in below sections, you’ll notice that the FONT color changes as per color of background image so as to enable easy reading.

Can someone please help me out by stating a CSS class that could be added to a WordPress website to have similar effects on the marquee text.

I am trying to achieve “font colors to auto-change” as per the background image of a animated scrolling marquee text. In a nutshell, if the background image on which marquee in scrolling is white/light then my text font color should be black or dark and vice-a-versa.

Please suggest a CSS which I can incorporate in WordPress. I am using Divi framework.