https://rba.kanostar.top/landscape

https://rba.kanostar.top/portrait

https://rba.kanostar.top/adapt

<img src="https://rba.kanostar.top/adapt" alt="rba">

.background {
    background-image: url('https://rba.kanostar.top/adapt');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

/* Portrait images are used by default. */
.background {
    background-image: url('https://rba.kanostar.top/portrait');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

/* Use landscape charts when in landscape orientation.*/
@media (min-aspect-ratio: 1/1) {
    body::before {
        background-image: url('https://rba.kanostar.top/landscape');
    }
}