CSS "attachment: fixed" funkar ej på mobil

Hej!

Har kommit till ett problem med min hemsida jag gör. Jag får inte "background-attachment: fixed !important;" att fungera på mobilen.
Jag är ganska ny inom CSS så vet inte vad detta kallas:

@media screen and (max-width: 840px) {

body {
background-color: #FFFFFF;
background-image: -moz-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url("../../images/sasbgalt.jpg");
background-image: -webkit-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url("../../images/sasbgalt.jpg");
background-image: -ms-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url("../../images/sasbgalt.jpg");
background-image: linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url("../../images/sasbgalt.jpg");
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center top;
background-attachment: fixed !important;
font-size: 14pt;

Men en sådan har jag för att få det rätt på mindre skärmar. Men det fungerar ändå inte med att få bakgrunden stilla men innehållet på sidan scrollas. Har inte heller hittat något som fungerat från google. Hade samma problem på datorn men då hjälpte "!important" vilket det inte har gjort här.

Är som sagt ny på CSS så felet är säkert jättelätt så vore snällt om någon visade det!

Tack!

Vad ska jag använda istället? Har tagit CSS-filen från en template och ändrat det som behövts.

Rensar cache varje gång jag uppdaterar för att kolla om allt funkar.
Testar i Chrome -> F12 -> Sen ändrar jag device och uppdaterar. Där funkar det med alla olika mobiler och storlekar men inte på min iphone eller android.

Hur stänger jag den? Med en "}"? Isf har jag stängt den. Allt är som sagt från ett template som fungerade (hade dock inte "fixed" från början) men som jag har ändrat själv i som jag velat ha det.

Ja iPhone men fungerar inte på en OnePlus3 heller.

Hur gör jag det? Läste om det och att man skulle lägga till det någon annanstans i CSS-filen men löste aldrig det.

@gilfoyle:
Funkade inte med "position: fixed !important;". På mobilen blev det istället bakgrunden som scrollades och på datorn syntes bara övre halvan av sidan och inget gick att scrolla samt att allt blev "ocentrerat".

Här är sidan. Vore jättesnällt om du ville kolla på den!

@gilfoyle:
Märkte ingen skillnad. Fortfarande så att bilden är inzoomad och scrollas med på mobilen... :/
Det har funkat nästan alla olika lösningar jag har gjort i chromes utvecklingsverktyg dock.