ウェーブアニメーション

<!--▼▼▼▼▼ここから「ウェーブアニメーション」-->
<svg style="display:none">
<defs>
<path id="wavePath" d="M0 30 V15 Q30 3 60 15 T120 15 V30z" />
</defs>
</svg>

<div class="wave-section">
<div class="wave wave-top">
<svg viewBox="0 0 120 28" preserveAspectRatio="none">
<g class="wave-wrap">
<use href="#wavePath" x="0"   y="0" />
<use href="#wavePath" x="120" y="0" />
</g>
</svg>
</div>
</div>
<!--▲▲▲▲▲ここまで「ウェーブアニメーション」-->

設定は

cssフォルダのstyle.cssから「wave」でテキスト検索してみて下さい。詳しい解説もあります。
波の色、高さ、速度もcssで調整できます。