Gradient Text from CSS code not showing on IOS Mobile

NSFW LINK

Hi,

I have recently added CSS gradient text to my wordpress page.
When I view the gradient text on laptop it shows up the way it should be, same when viewed on an Android mobile device.
But when viewed on an iPhone IOS device the gradient text is invisible, unless I zoom in, then it shows. Zoom out and it disappears again.

I have tried to look for how to solve this issue with no success.

Your help would be greatly appreciated. Thank you.

The CSS code I used was:

selector {
background: rgb(255,252,145);
background: radial-gradient(circle, rgba(255,252,145,1) 0%, rgba(245,247,141,1) 6%, rgba(249,183,48,1) 37%, rgba(208,150,39,1) 87%, rgba(225,138,15,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

Kind regards,

Alan

• This topic was modified 7 years, 1 month ago by Jan Dembowski.
• This topic was modified 6 years, 12 months ago by Jan Dembowski.

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