JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <img class="no-mobile" src="" />
</div>
<div>
    <img src="https://pbs.twimg.com/profile_images/378800000822867536/3f5a00acf72df93528b6bb7cd0a4fd0c.jpeg" />
</div>

CSS

div {
    width: 400px;
    height: 400px;
    display: inline-block;
}

img {
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
}

@media screen and (min-width:768px) {
    .no-mobile {
        background: url('http://www.metrodogstop.com/cms/wp-content/uploads/2013/05/cute-dog.jpg');
    }
}