JSFiddle - React, Tailwind, and code Playground

by BramVanroy

CSS

html {height: 100%;}
body {
    min-height: 100%;
    background: url("http://globe-views.com/dcim/dreams/camel/camel-06.jpg") center no-repeat #2b984b;
    background-origin: content-box;
}


@media screen and (max-width: 400px) {
    body {
        -moz-background-size: 90% auto;
        -webkit-background-size: 90% auto;
        background-size: 90% auto;
    }
}

@media screen and (min-width: 401px) {
    body {       
        -moz-background-size: 600px;
        -webkit-background-size: 600px;
        background-size: 600px;
    }
}