Different colors on scrolling text isn't working on mobile

Different colors on scrolling text isn't working on mobile, works well on desktop. (The arrows should be yellow)

This is the code I'm using:

.Marquee-svg-text .Marquee-svg-text:nth-child(odd) {
    color: #051626 !important;}
.Marquee-svg-text .Marquee-svg-text:nth-child(even) {
    color: #F0BD61 !important;}

https://kaylimcapital.squarespace.com/

password: letmein

How did you add arrow? It doesn't show color on my end (Windows/Chrome)