TimelineMax，无法使时间表正常工作

Question

所以我有一个云动画，我正在通过TweenMax / TimelineMax从CSS动画切换到JS。我一直无法使TimelineMax正常运行，因此我始终只使用TweenMax，但是对于该项目，我需要TimelineMax。我一直在跟踪greensock的api参考，但是它似乎不起作用。在我编写此代码的语法或方式上有什么突出之处吗？

codepen link

codepen中的相关代码：

  let clouds = [],
      cloudTLs = [],
      cloudSpeeds = [
          null,
          9,
          9.5,
      ];

  let s_ = document.getElementsByClassName("cloud-container");
  s_ = Array.from(s_)
  clouds.push( null, ...s_ )

  for(let i = 1; i < clouds.length; i++){
    let tl = new TimelineMax({repeat:-1});
    tl.to( `#cloud-${i}`, 9, {transform:"translateX(94vw)"} )
    tl.to( `#cloud-${i}`, 9, {transform:"translateX(0vw)"} )  
    cloudTLs.push(tl)
  }