Как анимировать разные части SVG с помощью animateplus

Question

Я использую animateplus для анимации частей моего SVG (http://animateplus.com/)

Я пытаюсь воссоздать эффект анимации на Stripe.com - раздел «Всегда совершенствуюсь».

IЯ продвинулся достаточно далеко, чтобы иметь возможность анимировать одну часть sVG, но я не могу сделать точно такой же эффект: https://codepen.io/omnipresent84/pen/zJrLgJ

Я ищу помощь в создании того же эффекта.

Ниже приведен код анимации, который я использую

  animate({
    elements: document.querySelectorAll("path"),
    transform: index => ["translate(0px)", (index + 1) * 15],
    easing: "in-elastic",
    loop: true,
    delay: index => index * 1000,
    duration: index => (index + 1) * 2000,
    opacity: [1,0]
  });