JSFiddle - React, Tailwind, and code Playground

by dipaks2011

HTML

<span>Non-Retina</span>
<span>Retina</span>

CSS

span{ width: 200px; height: 200px; border: 1px solid #f00; display: inline-block; 
    background: url('http://www.brucelittlefield.com/wp-content/uploads/2010/01/smiley-400x400.jpg') no-repeat left top;
    
}
span:first-child{    
    background: url('http://www.brucelittlefield.com/wp-content/uploads/2010/01/smiley-400x400.jpg') no-repeat left top;
    background-size: cover;
    /*background: url('http://davidnaylor.org/temp/firefox-logo-200x200.png') no-repeat left top;*/
}