Having consistency issues between desktop and mobile view with code block.

Hi, first time posting so apologies if I'm doing something incorrect.

I've finally managed to finalize my site (to an extent) after filling in an animation I spent months looking for with the help of these forums + gpt for troubleshooting. Though everything is not perfect mainly due to the grid making things difficult, my issue lies with the mobile view.

I used a typewriter animation using typed.js which I found provided here, after fine-tuning it for desktop it works like a charm, my issue comes to the mobile view where the box turns out to be too small for the text and I can't alter it without it messing up the desktop view. As the text types out it also extends the box, making it bounce back and forth between sizes for the animation and any attempts to make it centre aligned, or to be mobile exclusively smaller/change line positioning (using gpt mainly) either ruins the desktop view, or breaks my site.

Would anyone be able to help me.

Please let me know the best way to share my site so that you can view it. I look forward to your expertise!

Do you have link to page? We can check easier