как оживить изображение с помощью угловых 7

Question

Половина пути должна идти вверх и одновременно вправо, а вторая половина - также вправо, но теперь идти вниз, а не вверх Также я попробовал вариант с ключевыми кадрами, но это не помогает,

    export const ShowBall = trigger("ShowBall", [
      state('2', style({ top: '300px', left: "100px" })),
      state('1', style({ top: '300px', left: "300px" })),

      transition('1 <=> 2',

        group([
          animate('2s'),
          sequence([
            animate('1s', style({ top: '200px' })),
            animate('1s', style({ top: '300px' }))
          ]
          ),
        ])
      ),
    ])