body {
    margin: 0;
    padding: 0;
    background-image: url(catphysics_horizontal.jpg);
    background-position: top -32vh right 50%;
    background-repeat: no-repeat;
    background-size: auto 170vh;
}

@media (orientation: landscape) and (max-aspect-ratio: 1.6) { body { background-position: top -32vh right 43%; } }
@media (orientation: landscape) and (max-aspect-ratio: 1.5) { body { background-position: top -32vh right 36%; } }
@media (orientation: landscape) and (max-aspect-ratio: 1.4) { body { background-position: top -32vh right 30%; } }

@media (orientation: portrait) {
    body {
        background-image: url(catphysics_vertical.jpg);
        background-position: bottom 85% right -32vw;
        background-size: 170vw auto;
    }
}

@media (orientation: portrait) and (aspect-ratio < 1.00) and (aspect-ratio >= 0.90) { body { background-position: bottom 59% right -32vw; } }
@media (orientation: portrait) and (aspect-ratio < 0.90) and (aspect-ratio >= 0.85) { body { background-position: bottom 63% right -32vw; } }
@media (orientation: portrait) and (aspect-ratio < 0.85) and (aspect-ratio >= 0.80) { body { background-position: bottom 66% right -32vw; } }
@media (orientation: portrait) and (aspect-ratio < 0.80) and (aspect-ratio >= 0.75) { body { background-position: bottom 69% right -32vw; } }
@media (orientation: portrait) and (aspect-ratio < 0.75) and (aspect-ratio >= 0.70) { body { background-position: bottom 72% right -32vw; } }
@media (orientation: portrait) and (aspect-ratio < 0.70) and (aspect-ratio >= 0.65) { body { background-position: bottom 74% right -32vw; } }
@media (orientation: portrait) and (aspect-ratio < 0.65)                            { body { background-position: bottom 76% right -32vw; } }