'CSS gradient without bleeding through text

I am trying to create a background gradient but it bleeds through the text. I've done some googling and haven't been able to find something useful. I'm not the best at css and I've also never had to do something like this before. Any help is appreciated!

Putting the gradient as a background on the h1 tag doesn't work because as the screen grows the h1 grows with it and will distort the gradient.

Actual enter image description here

Expected enter image description here

cssbackgroundgradientradial-gradients


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions