trying to get text color to be transparent to show animated gradient as color

So i have an animated react component that basically produces a gradient and i want text to be transparent so that the color of the text is basically the animated gradient

<container position:relative>

....<AnimatedGradient component />

....<div that contains text>

</container>

ive tried changing text color to transparent but the text just disappears and all i see is the gradient