WEBページを作成していますがスマホで画像が表示されない

Question

HTML、CSSを使用してWEBサイトを作成しているのですが
セパレーターとして配置したい画像が
PC（google chrome、microsoft edge）では表示されますが、
スマホ（android、iphone）で表示されません。

 <div class="sep s01" data-stellar-background-ratio="0.5"></div>

.sep {
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
	position: relative;
	z-index:-1;
	width:100%;
	height:100vh;
}
.s01 {
	background-image: url(../img/s01.jpg);
}

あまり詳しくはないので、どなたかご教授いただければ幸いです。
宜しくお願い致します。

Comments

[m.ts10806]

「参考に」は良いとして自身が試したコードを記載してください。
あと、.sepは最小限の記述にして試してみては。

[Lhankor_Mhy]

「画像がスマホ（android、iphone）で表示されません」とありますが、その後に「スマホではPC表示sp表示どちらも表示されてしまいます」ともあります。

現状は表示されているのですか？表示されていないのですか？
また、希望としてはどうあって欲しいのでしょうか。

「こうなると思って」「このコードを書いたが」「こういう結果になった」
のように、想定・コード・結果を提示してください。

[yoso]

質問に記載したコードを試しました。
パソコン画面では問題なく表示されていたのでアップロードしたのですが、スマホでは空白になっています（画像が入るスペースはあるのですが、画像が表示されていないよう）

希望はパソコンでもスマホでもレスポンシブに表示されて欲しい、です。

[Lhankor_Mhy]

「パソコン画面では問題なく表示されていたのでアップロードしたのですが、スマホでは空白になっています」とのことですが、アップロード後にPCで確認されましたか？　その場合は表示されたのでしょうか？

[yoso]

ありがとうございます。

アップロード後パソコンで確認しました。
Chrome、edgeともに表示されましたがスマホからは表示されない状態です。

[Lhankor_Mhy]

ご提示のコードを当方で確認してみましたが、問題なく表示されました。(iOS14)

ですので、ご提示のコードに問題の原因はなさそうに思います。
ご提示いただいていない部分に原因があるかもしれません。

[yoso]

ありがとうございます！
大変助かります、夜間になりますが他の部分を確認させていただきます。

またご質問するかと思いますが、よろしくお願い申し上げます。