●回答

CocoonにはSWELLのようなメインビジュアルはありまりません。

アピールエリアを使っていますが、ヘッダーでは問題ですか？
[Cocoon設定]→[ヘッダー]→ヘッダー背景画像を設定
「背景画像の全てを表示」オン

もしアピールエリアを使うなら以下で、背景画像のアスペクト比をすれば表示されます。
コードについては、ご自身で調べ勉強して下さい。

.appeal {
/* width / height  */
  aspect-ratio: 3 / 4;
}

●ご参考

https://wp-cocoon.com/header-size-background-image-aspect-ratio/

chu-yaさま

いつも素早いご回答ありがとうございます。

今回はグローバルメニューを画面トップ固定にして、その下にメイン画像をもってきたかったので、アピールエリアを使うことにしました（アピールエリアのCTAも使いたかったので）。

教えていただいた方法を調べてやってみます！

ありがとうございました！

ちなみに、もしご存じでしたら教えていただきたいのですが、cocoon設定における、「高さ（800pxまで可能）」はどのような目的を持った機能なのでしょうか？

当初、cocoonには基本的に縦横比が固定で設定されているものの、これに縛られないサイズの画像を使いたいときに使う設定機能なのかと思いました。ただ、実際は、縦800pxの画像をつくってアップロードしても切れてしまいます。

ということは、おそらくこの機能は縦サイズを絶対値で固定するものではないだろうと思いました。でも、それだったら、なぜこの機能があるのかなと思い、不思議に感じました。

アピールエリアはもともとメインビジュアルとかではなく、中央の文章を読んでもらうことを目的としたエリアです。
その目的を果たすには、800px以上必要ないかなという判断からです。

わいひらさま

そういうことだったのですね、ありがとうございます。

ということは、つまり、cocoonにおいて使用可能な最大画像をアピールエリアに、切れないように置くのであれば、高さを800pxに固定した上で、上でchu-yaさまが教えてくださった

.appeal {
/* width / height  */
  aspect-ratio: 3 / 4;
}

のコードを使ってaspect-ratioを1/2とかにすれば800pxの倍の1600が幅pxになるため、概ね実現可能（横1600px 縦800pxの画像）であるという理解は正しいでしょうか？

※仰るように、ここは基本的に文字を見せる部分とのことなので、画像に文字などは入れるべきではなく、背景画像程度にした方が良いのかもしれませんが。。

連投失礼いたします。

わいひらさまのコチラの投稿を読んで、なんとなくイメージがつかめました、ありがとうございます。

投稿者:: @masala

↑

ということは、つまり、cocoonにおいて使用可能な最大画像をアピールエリアに、切れないように置くのであれば、高さを800pxに固定した上で、上でchu-yaさまが教えてくださった

.appeal {
/* width / height  */
  aspect-ratio: 3 / 4;
}

のコードを使ってaspect-ratioを1/2とかにすれば800pxの倍の1600が幅pxになるため、概ね実現可能（横1600px 縦800pxの画像）であるという理解は正しいでしょうか？

実際のサイトの状態を見ていないので、確かなことはわかりませんが高さとかを設定せずとも aspect-ratio を画像のアスペクト比で設定すれば良いかと思います。
※grayishスキンを使っている場合は、また別の記述が必要なのかもしれませんが、確認はしていません。