パララックスがiPhone上で実現しない

お世話になっております。

現在、htmlとcssを利用してパララックスを利用したWebサイトを作成しています。

PCやAndroidでは問題なかったのですが、iPhone8で確認した際に背景画像が拡大されていました。

調べると以下の項目に問題があることが分かったので、
.background_img {
background-image: url("../../images/background.png");
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
}

　　　　　　↓

.background_img::before{
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:100vh;
background:url("../../images/background.png") center no-repeat;
background-size:cover;
}

z-indexを-1で利用したところ、その他に設定しているimgクラスで表示させている画像が前面に来るため、z-indexを0に変更して

上記のように変更、疑似ブロックを作成し対応を行いましたが、その他に設定している

.section_navy {
background-color: #000080;
background-size: 100% auto;
background-attachment: fixed;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
max-width: 950px;
}

などの背景が表示されなくなりました。
z-indexにて優先順位をつけることも試しましたが、こちらもうまくいきませんでした。

どのように対処すればPCと同様の状態になるのでしょうか、ご指導ご鞭撻のほどよろしくお願いいたします。