html,
body {
    height: 100%;
}
body {
    background-position: bottom 0px left 0%;
}

@media only screen and (orientation: portrait) and (max-width:480px) {
    body { 
        background: url('https://uncommonsite.com/img/backgrounds/matrix/matrix_portrait_480.webp') no-repeat;
    }
}
@media only screen and (orientation: portrait) and (max-width:540px) {
    body { 
        background: url('https://uncommonsite.com/img/backgrounds/matrix/matrix_portrait_540.webp') no-repeat;
    }
}
@media only screen and (orientation: portrait) and (max-width:720px) {
    body { 
        background: url('https://uncommonsite.com/img/backgrounds/matrix/matrix_portrait_720.webp') no-repeat;
    }
}
@media only screen and (orientation: portrait) and (max-width:1080px) {
    body { 
        background: url('https://uncommonsite.com/img/backgrounds/matrix/matrix_portrait_1080.webp') no-repeat;
    }
}
@media only screen and (orientation: portrait) and (min-width:1081px) {
    body { 
        background: url('https://uncommonsite.com/img/backgrounds/matrix/matrix_portrait_1395.webp') no-repeat;
    }
}


@media only screen and (orientation: landscape) and (max-width: 640px) {
    body {
        background: url('https://uncommonsite.com/img/backgrounds/matrix/matrix_640.webp') no-repeat;
    }
}
@media only screen and (orientation: landscape) and (max-width: 800px) {
    body {
        background: url('https://uncommonsite.com/img/backgrounds/matrix/matrix_800.webp') no-repeat;
    }
}
@media only screen and (orientation: landscape) and (max-width: 1024px) {
    body {
        background: url('https://uncommonsite.com/img/backgrounds/matrix/matrix_1024.webp') no-repeat;
    }
}
@media only screen and (orientation: landscape) and (max-width: 1280px) {
    body {
        background: url('https://uncommonsite.com/img/backgrounds/matrix/matrix_1280.webp') no-repeat;
    }
}
@media only screen and (orientation: landscape) and (max-width: 1920px) {
    body {
        background: url('https://uncommonsite.com/img/backgrounds/matrix/matrix_1920.webp') no-repeat;
    }
}
@media only screen and (orientation: landscape) and (max-width: 2160px) {
    body {
        background: url('https://uncommonsite.com/img/backgrounds/matrix/matrix_2160.webp') no-repeat;
    }
}
@media only screen and (orientation: landscape) and (max-width: 2560px) {
    body {
        background: url('https://uncommonsite.com/img/backgrounds/matrix/matrix_2560.webp') no-repeat;
    }
}
@media only screen and (orientation: landscape) and (max-width: 2960px) {
    body {
        background: url('https://uncommonsite.com/img/backgrounds/matrix/matrix_2960.webp') no-repeat;
    }
}
@media only screen and (orientation: landscape) and (max-width: 3240px) {
    body {
        background: url('https://uncommonsite.com/img/backgrounds/matrix/matrix_3240.webp') no-repeat;
    }
}
@media only screen and (orientation: landscape) and (min-width: 3241px) {
    body {
        background: url('https://uncommonsite.com/img/backgrounds/matrix/matrix_3840.webp') no-repeat;
    }
}