css - Vexillology - キャンバスなしのギリシャの旗を振る効果

Question

私はギリシャの国旗を開発しています

• 私は Canvas を使うべきではありません:(
• 画像を使用することは想定されていません:(

最終的な形状への開発は順調に進んでいますが、ウェーブ効果に近いコードを書くことができず、ボーダー半径などを適用しようとしましたが、良い結果が得られませんでした。

Code Pen Demoをご覧ください。

コードペンでコメント付きのコードを確認してください

純粋なcssでウェーブ効果を得るためのcssトリックを教えてください。どんな助けも大歓迎です:)。