Text is getting disappear on applying custom css for gradient color

[kavi]

background: #121FCF;

background: linear-gradient(to right, #121FCF 0%, #CF1512 100%);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

I am using the above code in the custom css of the Heading element, but it is making the Heading element disappear.
How can I make a heading with gradient color?

[jptrinh]

That might have to do with the auto-generated wrapper around the element
By applying your code inside a HTML Embed inside a style tag, it is working fine.