Text invisible until marked?

[valdemarost]

Hey gurus!

My shop made in narrative theme has a subpage: https://aabn.io/pages/back-to-life

I've made my headers on this page only a gradient color: see css on the page template.

The gradient works - BUT the text is invisible until you mark it. Anyone knows why this is happening?

Br Valdemar

.feature-row__heading {
     background-color: #f3ec78;  
     background-image: linear-gradient(45deg, #340072, #FF7D2C, #FFEE2B);
     background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
}