JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <img src="http://www.google.com/images/srpr/logo3w.png" />
    <p>Lorem ipsum dolor sit amet</p>
</div>

CSS

html { font-size:62.5% }

div { background:url(http://www.google.com/images/srpr/logo3w.png);
background-size:275px 95px;
background-size:27.5rem 9.5rem;
    background-repeat:no-repeat;

}
img { width:27.5rem; height:9.5rem; }
p { font-size:5rem; }

@media only screen and (max-width: 500px) {
    html { font-size:50%; }  /* should render everything * 0.8 */  
}