CSS-анимация со встроенным SVG

Как мне сделать так, чтобы эти цепи выглядели так, как будто они идут вниз? Кажется, у меня правильное движение, но я не могу понять, как заставить их исходить из своего фактического размера, так как теперь они кажутся перекошенными при запуске анимации, но затем по завершении переходят в полный размер.

https://jsfiddle.net/fs4e38cz/

#Fill-1,
#Fill 2.... {
  -webkit-animation-name: circuitGrow;
  animation-name: circuitGrow;
  transform-box: fill-box;
  animation-duration: 6s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@keyframes circuitGrow {
  0% {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}