animatable-component: Can't run two animations at once

I have to animations I try to run, and both start according to events, but only one finishes. I’m not getting any errors back.

if(self.animatePlayerTo != null)
      {
        var animatePlayerTo = document.getElementById("animate"+self.animatePlayerTo);
        console.log(animatePlayerTo);
        animatePlayerTo.addEventListener("start", function(event) {
          console.log('ANIMATION START', event)
        });
        animatePlayerTo.addEventListener("finish", function(event) {
          console.log('ANIMATION FINISH', event)
        });
        await animatePlayerTo.play();
        //self.animatePlayerTo = null;
      }
      if(self.animatePlayerFrom != null)
      {
        var animatePlayerFrom = document.getElementById("animate"+self.animatePlayerFrom);
        console.log(animatePlayerFrom);
        animatePlayerFrom.addEventListener("start", function(event2) {
          console.log('ANIMATION START', event2)
        });
        animatePlayerFrom.addEventListener("finish", function(event2) {
          console.log('ANIMATION FINISH', event2)
        });
        await animatePlayerFrom.play();
        //self.animatePlayerFrom = null;
      }

Console proof… https://imgur.com/hOjGct7