対象のページのURL： https://www.redhotdrive2.com/?p=449

相談内容：

お世話になります。

上記ページにおいて、カスタムcssを書いて画像の上に画像を乗せています。

PC表示は問題ないものの、スマホ表示した際に画像サイズが異様に大きくなり困っています。

スマホ用に追加でcssを書いてサイズを指定したいのですが、方法が分からず、ご教授頂けますと幸いです。

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

解決のために試したこと：

https://allabout.co.jp/gm/gc/400630/

このページを見てCSSなど書いてみましたが、逆にPC表示もおかしくなったりして、どう書けばいいのか分からない状態です・・・。

※文字だけでは正しく伝わらない可能性があるため、画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：

----------------------------------------------
サイト名：
サイトURL： https://www.redhotdrive2.com 
ホームURL： https://www.redhotdrive2.com 
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン：5.7.2
PHPバージョン：7.4.14
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：br, gzip, deflate
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.2.8.8
カテゴリ数：3
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.2
style.cssサイズ：845バイト
functions.phpサイズ：203バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
ConoHa WING コントロールパネルプラグイン 1.0
ConoHa WING 自動キャッシュクリア 1.0.0
Contact Form 7 5.4.2
Jetpack 9.9
Smart Slider 3 3.5.0.9
----------------------------------------------

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。