画面をスワイプするCSSアニメーションを作成してください（サンプルあり）

【概要】画面をスワイプするCSSアニメーションの作成をお願いできればと思います。 デザイン元となる参考動画を添付します。 その動画とほぼ同じ物をCSSアニメーションとして描いていただきたいです。(半透明の裏側は無視してください。) スマホ(iPhone 6s以上 Safari・Chrome最新)・PC(Chrome最新とEdge)どちらからでも正しく見られるにしてください。 いくつかの主要な素材(参考用)はこちらからご提供しますが、足りない物(普通の線など)はご用意をお願いします。その際はフリー素材等は使用せずオリジナルで作っていただけると幸いです。 なるべく軽量になるようにご配慮いただけると幸いです。 .png等の画像のURLを埋め込む等はご遠慮いただき、インラインで作成してください 納品はCSSのコードと、表示に必要なHTMLコード数行(適当なDIV要素にID="swipe-animation"の様な)を想定してます。 【目的】様々なウェブサイトで使用します。 【依頼背景】ユーザーに操作方法として画面をスワイプさせる為の、チュートリアルのような立ち位置で使用します。 【提案の際のお願い】CSSアニメーションのいくつかのポートフォリオ。納期までの期間