iPadといっても、いろいろなサイズがあると思うのですが、横幅はどういったサイズ以下を想定されていますでしょうか。
px数で教えていただければ幸いです。
添付画像は768px。

わいひらさん　ご返信ありがとうございます。
すみません　記述するのを忘れていました。
768pxです。
そのサイズで、カラムを縦に並べたいのですが、可能でしょうか？

お手隙の際にご教示いただけたら助かります。

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

実際に、同じ環境を作ってまでは試してはないのですが、多分以下のコードでできるかと思います。

/*768px以下*/
@media screen and (max-width: 768px){
  .column-wrap {
      flex-direction: column;
  }

  .column-wrap.column-3 > div {
      width: 100%;
  }
} 

一応、Cocoonの仕様で、タブレットは834px以下としているので、こちらの方も貼っておきます。

/*834px以下*/
@media screen and (max-width: 834px){
  .column-wrap {
      flex-direction: column;
  }

  .column-wrap.column-3 > div {
      width: 100%;
  }
} 

どちらを利用するかは好みで良いかと思います。

わいひらさん　ご返信ありがとうございます。
cssを追加しipadで確認してみました。
縦並びに表示する事ができましたが、四角ではなく横長の画像になり上下の余白もない表示になりました。
カバー画像をトリミングすることなく四角く表示し、かつ上下にマージンをとり表示させる事は可能でしょうか？

それ自体は、.wp-block-coverのデフォルトブロックの仕様かと思います。
.wp-block-cover自体は、画像が背景画像になって、上下の中心が表示される仕様だと思うので、そのような表示になるのは致し方ないかと思います。
基本的に、上下が切れたらダメな画像は使用すべきではないのかなと思います。

縦横比を保持したままもCSSを書けば可能と言えば可能です。
以下の「divなどの要素を縦横比固定にし、レスポンシブに対応させる」部分の書き方が参考になるかと思います。
https://tumuguito.com/archives/795.html

わいひらさん　ご返信ありがとうございます。

そうなんですね。
では、カラムでの表示は諦めご教示いただいたリンク先で勉強させていただきます。
未熟過ぎてすみません ? 

今後ともよろしくお願いいたします。