JSFiddle - React, Tailwind, and code Playground

by bevacqua

HTML

<span class='responsive'>foo</span>

CSS

.responsive {
    background-image: url('http://www.ponyfoo.com/img/thumbnail.png');
  text-indent: -9999em;
  overflow: hidden;
    width: 180px;
    height: 180px;
    display: block;
}

@media only screen and (max-width: 300px) {
    .responsive {
        background-image: none;
        text-indent: initial;
        overflow: initial;
    }
}