Gradient Text is not visible in Safari

Hello,

I am trying to apply some gradient effect to the <h4></h4> tag across all pages of the website. Gradient effect gets applied succesfully to the H4 tag in all browsers except Safari.

Can anyone please suggest at to what might be wrong with my css? My knowledge of frontend design and development is very limited. Any help would be highly appreciated. Thanks!

Here is my CSS:

h4 {
display: inline-block;
font-size: 15px;
background: -webkit-linear-gradient(left, #318CE7, #b666d2);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}

Last edited 16 September 2021 by skhan10