Vertical Flip Animation Width Issues

Hi, 

I'm having issues with a sliding vertical text animation on the landing page of a client's website. The "sentence" class is able to wrap to reduced widths but the "slidingVertical" class keeps getting cut off. What can I do to resolve this issue? I would like the animation to wrap seamlessly at all widths. Thanks!

The website is quetico.squarespace.com

Password is Lakers

<section class="wrapper">
  <h2 class="sentence">A Global Leader in 
    <div class="slidingVertical">
      <span> 3PL</span>
      <span> Trading</span>
      <span> Manufacturing</span>
      <span> Warehousing</span>
      <span> Distribution</span>
    </div>
  </h2>

.sentence {
    font-size: min(5vw, 55px);
}

The sentence is able to adjust, but the sliding vertical animation keeps getting cut off.