Gradient text won't appear on mobile

I’m currently trying to figure out why the gradient text that is being used on our website appears on desktop but does not appear on mobile. Here are some screenshots of what i’m talking about:


We’re using some custom code in an embed to clip the text and created a custom gradient class in our custom code section. We set this up before the clipped gradient text function was available in webflow. If we just used the clipped text function in webflow it would solve our problems but we’re using a custom gradient and I can’t reproduce it using the gradient tool. Ideally the gradient would just work across all breakpoints but right now I can’t figure out why it isn’t.

Help! I need an adult!


Here is my site Read-Only: https://preview.webflow.com/preview/flux-bucket?utm_medium=preview_link&utm_source=designer&utm_content=flux-bucket&preview=046628220229b33a6df78618d0ba3b40&workflow=preview
(how to share your site Read-Only link)

Have you found a solution to this?