Creating a Text Rotator Animation in Webstudio

Hello Webstudio community!
I'm currently working on a text rotator animation for my website. I'd like to have a smooth transition where the text fades out and changes to a new message every few seconds. I’m looking for advice on integrating JavaScript with Webstudio, especially regarding adding custom CSS or alternatives to embed styles.
For reference, I’m inspired by the simplicity and elegance of the transitions on Graphy. The site effectively uses clean transitions and animations to make content dynamic and engaging, helping users communicate data clearly through visuals.
Any suggestions or examples would be incredibly helpful!