background-clip: text not working properly
I have some headings with a class named gradient__text that don't display properly. this is the css rule: .gradient__text {
background: var(--gradient-text); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
and --gradient-text: linear-gradient(89.97deg, #AE67FA 1.84%, #F49867 102.67%);
I looked up online and couldn't find any fix for this issue. I tried to view see if this issue persists on other websites and for my surprise my website is the only one that doesn't work even if I tried using the same css rules that I took from other websites using inspect.
The site is up on: https://pwstrials.pavels.ro