JSFiddle - React, Tailwind, and code Playground

by Patrick Hund

HTML

<div class="img-wrap">
    <img src="http://upload.wikimedia.org/wikipedia/commons/e/ec/Happy_smiley_face.png" />
</div>

<div class="img-wrap">
    <img src="http://images2.fanpop.com/image/photos/9500000/happy-face-random-9576699-414-414.jpg" />
</div>

CSS

.img-wrap {
    max-width: 500px;
    width: 100%;
}

.img-wrap img {
    height: auto;
    max-width: 100%;
}