Headline line breaks for mobile

Site URL: https://www.oursnrg.com/

Hi,

Looking for some advice on the best way to set line breaks for mobile to style headline text?

Here is what is it currently looking like on the website

and here is what I'm after

Thanks in advance.

a

Use Code Block, enter this code

<h2 class="ttext"><span>Empowering</span><span>sustainable,</span><span> all-electric</span><span> new housing</span><span> communities by</span><span> intelligently</span><span> harnessing their</span><span> collective energy</span></h2>
<style>
  @media screen and (max-width:767px) {
  h2.ttext span {
    display: block;
    text-align: center;
}
  }
</style>