Quote block text missing in certain browsers

Site URL: https://tmforwomen.squarespace.com/

Hello, I have used the following code to change my quote block text colour to a gradient:

.quote-block {
background: -webkit-linear-gradient(45deg, #ff5797, #fdc346);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

It works great when viewed in chrome, however when I opened safari, I noticed the quote block text was completely missing. See screenshots. Please help and thank you.

Site access https://tmforwomen.squarespace.com/ pw: tmaus

Try this new code

.quote-block {
background: -o-linear-gradient(45deg, #ff5797, #fdc346);
background: linear-gradient(45deg, #ff5797, #fdc346);
background: -webkit-linear-gradient(45deg, #ff5797, #fdc346);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

Thanks so much for your attention on this Tuan, although it's still not showing up in safari. If I can't remedy this, I'll have to do away with the gradient but I would really prefer to get it working!