for animated gradient text

which work in the tailwind play area

copied the code for the text which shows ok in lindo

but there is a config component for the animation

so where do I copy paste that ?

thanks

here is text part which shows the text ok

<div class="text-9xl font-semibold
bg-gradient-to-r bg-clip-text text-transparent
from-indigo-500 via-purple-500 to-indigo-500
animate-text
">
SampleText
</div>

and here is animation part, so where do I put that ?

extend: {
'animation': {
'text':'text 5s ease infinite',
},
'keyframes': {
'text': {
'0%, 100%': {
'background-size':'200% 200%',
'background-position': 'left center'
},
'50%': {
'background-size':'200% 200%',
'background-position': 'right center'
}
},
}
},