Snow Monkey LPテンプレートで、画面幅に合わせて拡大縮小する画像を入れる方法

この記事の内容を試した際の環境
【お使いの Snow Monkey のバージョン】13.2.3
【お使いの Snow Monkey Blocks のバージョン】10.3.3
【お使いの Snow Monkey Editor のバージョン】4.1.0
上記のバージョン情報は、https://happy-snow-monkey.olein-design.com/addonsで紹介されている「HAPPY SNOW MONKEY アドオン」プラグインにより取得しています。

WordPress 5.6.2

かなり限定的なケースなのですが、

WordPressテーマ、Snow Monkeyでページのテンプレートをランディングページ(スリム幅)などを選んだ際に、

ブロックエディターでウィンドウの横幅いっぱいに広がる画像を、画像の比率を保って入れたい(ウィンドウサイズに合わせて画像の縦も比率を保って拡大縮小してほしい)というケースの方法です

ブロックエディターのカバーを使えば、幅をいっぱいに広げて画像の縦の高さを固定することが可能(cssで100vhなども便利です)ですが、画像の中に文字が記載されているバナーのような画像の場合は、高さを固定より、画像の比率を保って拡大縮小の方が便利です。

この場合、画像ブロックで画像を入れて、全幅にするだけでウィンドウの幅に合わせて、画像が比率を保って拡大縮小してくれます。

カバーやスライダーになれて、一瞬戸惑ったので備忘録です。