JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    <img class="contrast"/>
    <img class="contrast2"/>
    <img class="contrast3"/>
</div>

CSS

.parent{
    width:500px;
    border:1px solid;
}
img.contrast{
    width:200px;
    height:100px;
    background-image: url(http://www.jpl.nasa.gov/spaceimages/images/mediumsize/PIA17011_ip.jpg);
}
img.contrast2{
    width:50%;
    height:100px;
    background-image: url(http://www.jpl.nasa.gov/spaceimages/images/mediumsize/PIA17011_ip.jpg);
}
img.contrast3{
    width:20em;
    height:100px;
    background-image: url(http://www.jpl.nasa.gov/spaceimages/images/mediumsize/PIA17011_ip.jpg);
}