/* Landscape / desktop — wide image */
html, body {
    background-image: url('/background.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}

/* Portrait orientation (phones and tablets held vertically) — tall image.
   background-attachment: scroll because iOS Safari ignores fixed on mobile. */
@media (orientation: portrait) {
    html, body {
        background-image: url('/background_m.png') !important;
        background-attachment: scroll !important;
    }
}