Parallax auf IPad fehlerhaft

Hallo zusammen!

Ich habe nach einigen Jahren meine Homepage mal wieder überarbeitet und habe nun das Problem, dass der eingebaute Parallax-Effekt auf dem IPad total beschissen aussieht.

Ich habe mich schon dazu entschieden, jede Seite einmal für den Pc und die gleiche Seite noch einmal für Mobilgeräte (ohne Parallax und angepasst) zu erstellen.

Das iPad greift auf die Desktop-Version zu. Auf der Startseite wird der Parallax-Effekt angezeigt (wenn auch noch unschön); auf der Seite „Preise“ wird der Effekt nicht angezeigt. Vielmehr ist auf der „Preise“-Seite viel zu sehr in das Bild hineingezoomt und es ist verpixelt. Auf der Desktop-Version funktioniert alles.

Ich habe – soweit ich weiß – keine unterschiedlichen CSS-Codes auf den Seiten.

Ich habe mich bereits im Netz etwas schlau gelesen und den folgenden CSS-Codes eingebunden (ohne Erfolg):

@media (min-width: 768px) and (max-width: 1024px){
.section-style.parallax_section{
background-size: contain !important;
-webkit-background-size: cover !important;
background-position: center !important;
background-attachment: inherit !important;
}
}

Könnt ihr mir helfen?
Danke & schöne Grüße!

Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]