1*04fd306cSNickeau.backgrounds { 2*04fd306cSNickeau position: absolute !important; /* not in the normal flow */ 3*04fd306cSNickeau right: 0; 4*04fd306cSNickeau bottom: 0; 5*04fd306cSNickeau margin: 0 !important; 6*04fd306cSNickeau padding: 0 !important; 7*04fd306cSNickeau overflow: hidden; 8*04fd306cSNickeau width: 100%; 9*04fd306cSNickeau height: 100%; 10*04fd306cSNickeau -webkit-backface-visibility: hidden; 11*04fd306cSNickeau backface-visibility: hidden; 12*04fd306cSNickeau transform: translate3d(0px, 0px, 0px); 13*04fd306cSNickeau -webkit-transform-style: preserve-3d; 14*04fd306cSNickeau transform-style: preserve-3d; 15*04fd306cSNickeau} 16*04fd306cSNickeau 17*04fd306cSNickeau.background { 18*04fd306cSNickeau position: absolute !important; /* not in the normal flow */ 19*04fd306cSNickeau height: 100%; 20*04fd306cSNickeau width: 100%; 21*04fd306cSNickeau background-size: cover; /* scale the background image proportionally so that its width and height are equal to, or greater than, the width/height of the element. */ 22*04fd306cSNickeau background-position: center center; /* better for responsive background */ 23*04fd306cSNickeau /* background-attachment: fixed; !* fixed will attach the background to a fixed position on the page (sane as fixed position) *!*/ 24*04fd306cSNickeau background-attachment: scroll; 25*04fd306cSNickeau /* the background will scroll with the content 26*04fd306cSNickeau /* background-attachment: local; !* the background will scroll with the content *!*/ 27*04fd306cSNickeau /* background-color: #464646; /* the color while the image is loading or the transparent-color if any */ 28*04fd306cSNickeau -webkit-backface-visibility: hidden; 29*04fd306cSNickeau backface-visibility: hidden; 30*04fd306cSNickeau transform: translate3d(0px, 0px, 0px); 31*04fd306cSNickeau -webkit-transform-style: preserve-3d; 32*04fd306cSNickeau transform-style: preserve-3d; 33*04fd306cSNickeau} 34*04fd306cSNickeau 35*04fd306cSNickeau/* For a image */ 36*04fd306cSNickeau.background-img { 37*04fd306cSNickeau position: absolute !important; /* not in the normal flow */ 38*04fd306cSNickeau width: 100%; 39*04fd306cSNickeau height: 100%; 40*04fd306cSNickeau object-fit: cover; 41*04fd306cSNickeau} 42