Best practices for displaying chat style text with Lottie?

Hello! I’ve created an animation in AE with a sequence of chat bubble popups. The animation is embedded in a responsive webpage, and the text within the chat bubbles is blurry when resized. Upon inspection, all vector assets are displaying as png files.

Can someone help explain best practices for displaying “chatbot style” text in a Lottie animation, keeping it crisp and exporting as vector? Or is dynamic text the best option - and in that case, best practices for responsive design.

Within my AE file, every original asset is vector (.ai) with the exception of a single png. I created shape layers from all vector assets before using the Lottie extension to export from AE. I then used the Lottie Web Player to generate the JSON for our website.