テキストファイルに貼り付けていただいたものをコピペして？を消したら小さくなりました。

見えていなくても文字化けした？が入ってしまっていたということなのですね。

調べても使用できそうなCSSが載っていなかったので助かりました。

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

コードをテキストファイルに貼り付けてみました。
入力CSSにミスがあります。

      /* アイキャッチの高さ400px、横方向中央寄せ */
.eye-catch {
 ?height: 100px;
  margin: 0 auto;
}

/* 画像比率を保持し拡縮 */
.eye-catch img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

/*480px以下*/
@media screen and (max-width: 480px){
.article h1{
  font-size: 18px;
  border-bottom: 3px dotted #000;
}

1.heightの前が半角スペースではありません。文字化けしています。

https://wp-cocoon.com/community/postid/73179/
2.@mediaの「｝」が足りません。

→→「CSSを縮小化する」の部分を確認してみたのですがチェックが入っていないのでオフになっているようです。

同じような効果のあるプラグインが入ってしまっていてそれが影響しているのかもしれません。

下記は高速化と関係ありそうなので無効化を試しましたが変わりませんでした。

WP-Optimize
a3 Lazy Load
EWWW Image Optimizer
Autoptimize

他に下記が有効化されているのですが、何か疑わしいものがありますでしょうか？

よろしくお願いいたします。

Advanced Editor Tools
Akismet Anti-spam: Spam Protection
Broken Link Checker
Google XML Sitemaps
Redirection
Search Regex
SEO SIMPLE PACK
Shortcoder
SiteGuard WP Plugin

添付画像のように入れてあります。

環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/

→→「CSSを縮小化する」をオフとしてください。

上記ページを見ましたが、回答したCSSがないようです。
先述のコードのheight:100pxすれば添付図のようになります。

下記のサイトになります（特に大きいアイキャッチ画像がこちらのページです）。

https://reha.blue/?p=339

よろしくお願いいたします。

こちらそのままコピペして追加CSSのところに入れたのですが反映されないようです。

フォーラムの注記にもありますが、URL提示がないので、何が原因なのか調べようがありません。
申し訳ありませんが提示がないので、これ以上はご自身で調べ対応願います、としか回答できません。

CSSで入れないとだめなのですね。

CSSを自分で書けなかったので助かります。

こちらそのままコピペして追加CSSのところに入れたのですが反映されないようです。

試しに極端に20pxなどにしましたが変わりませんでした。

他に何か設定でいじるところはありますでしょうか？

アイキャッチは元画像がそのまま表示されます（メインカラム幅に応じ高さは調整）。
本来、アイキャッチは横長画像とし、どれも比率、大きさを揃え運用するのが望ましく。

Cocon設定での設定はありません。
このため、以下のCSSを追加し対応します。

/* アイキャッチの高さ400px、横方向中央寄せ */
.eye-catch {
  height: 400px;
  margin: 0 auto;
}

/* 画像比率を保持し拡縮 */
.eye-catch img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

今まで記事内にアイキャッチ画像を表示したことがなく、アイキャッチ画像の画像サイズを設定しないでアップロードしていたため、投稿記事の上の部分にアイキャッチ画像を出すようにするとものすごく大きくなってしまいます。

特に縦長のものが大きくなってしまうため、縦横比はそのままで高さを400pxなどで設定する方法はありますでしょうか？

よろしくお願いいたします。