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');
}
}