css - CSS フライングと曲線パス上のロゴの拡大

Question

cssでアニメーションを作る必要があります。曲線や放物線をもとに前方に飛翔・拡大するロゴ。小さなスケッチを作りました。ロゴは右上を小さく見つめ、飛んで大きくなり、左中央で終わります。 スケッチ キュービック ベジェとキュービック ベジェ エディタに関する多くの情報を見つけましたが、残念ながら私はこれを実現できません。

html

<div class="animation"><img src="logo.jpg"></div>

CSS

.animation {
   transition: all 500ms cubic-bezier(0.725, -0.385, 0.970, 0.465);
   transition-timing-function: cubic-bezier(0.725, -0.385, 0.970, 0.465);
}

これは (いくつかの) 試行の 1 つですが、ロゴはアニメーション化されていません。その上、私がそれを理解している場合、それはスケーリングのないパスのみです。私の思考エラーはどこですか？

どうもありがとう＆よろしく！