Not sure how to make this hero text animation responsive

Just wondering how I can make this hero text animation responsive? https://codepen.io/nwoodward/pen/ExBomaq The problem is that the h1 is a fixed width of 250px, and I animate the wrapper, title to its full width with overflow hidden. That just means that I can't have it take up the full width of the screen as it grows, I have to rely on breakpoints and fixed widths, which looks ugly (image 1 to image 2). I feel like it definitely should be possible to make this responsive, but I feel like it's beyond me! 😄 Any help would be amazing if someone has a sec Thanks Nick