JSFiddle - React, Tailwind, and code Playground

by Grsmto

HTML

<div class="div-as-image"></div>
<div class="display-none"></div>

CSS

.div-as-image {
    width: 600px;
    height: 200px;
    background-image: url(http://placekitten.com/1000/800);
}

@media (min-width: 100px) {
    .div-as-image {
        background: none;
    }
}

.display-none {
    width: 600px;
    height: 200px;
    background-image: url(http://placekitten.com/g/100/200);
}

@media (min-width: 100px) {
    .display-none {
        display: none;
    }
}