Изображение заголовка с прокруткой параллакса не загружается на мобильных устройствах. Что может быть причиной этого?

На моем Android и компьютере изображения загружаются нормально, но на Iphone они не загружаются, и фон становится черным.

Вот CSS и HTML

.parallax {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("duoAngelFront.jpg");
    background-size: cover;
    min-height: 100vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

<div class="parallax">
    <h1 class="text-center" style="text-shadow: 1px 1px black;color: white;padding-top:250px;font-size:3.5rem;font-family:" Montserrat"";>Zero Mile, Upgraded and Stock Boards For Sale Now!</h1>
    <p class="text-center" style="text-shadow: 1px 1px black;color: white;padding-top:50px;font-size:1.5rem;font-family:" Montserrat"";>We have a wide variety of boards in stock now that are ready to go! You can choose from our selection of already upgraded boards, a stock board or choose a stock board and the upgrades <em>you</em> want! See below for details and pictures.</p>
</div>

Вот страница: https://www.onewheelnwa.com/rental.html