前略、しんちゃん さん

一口にアピールエリアといっても、使い方は、さまざまで、画像だけ表示するのに使っている方もいらしゃれば、テキストやボタンまでお使いの方もいらしゃいます。

また、アピールエリアの画像は背景画像なので、画像そのものに高さを指定することができず、何らかの工夫が必要になってくるだろうと推測します。

なので、実際のURLをご提示いただいた方が具体的なアドバイスをいただける可能性は高くなるかと思います。

リフィトリー様
こんなにも早く、しかも的を突いたレスを本当にありがとうございます。
考えればおっしゃる通りです。自らの勉強の足りなさを痛感している次第でございます。
コードを書く位置さえ正しければアピールエリアの背景画像をPCとモバイルと分けることができると浅はかにも思っていました。
できればURLをご提示したいのですが、テスト中のローカル環境（localhost）のためそれもできません。
ご指摘いただいた点を軸にもう少しCSSを勉強してから改めてお尋ねしたいと思います。
従いまして、今回の質問につきましては解決済みとさせていただきます。
リフィトリー様、そして皆様、お騒がせいたしまして申し訳ございませんでした。

@しんちゃん　さん

ローカル環境だったのですね。

アピールエリアの情報は過去のトピックにもありますので、そちらも参考になるかと思います。

背景画像をCSSのコードでメディアクエリで囲って変更すれば差し替えが出来そうな気がします。

画像だけの場合は過去のトピックを参照すれば解決すると思います。

テキストやボタンも設定した場合は、アピールエリアの高さをメディアクエリで多段階に可変させるなどの工夫か要るような気がします。