JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ctn">
    <p class="img-ctn">
        <img src="http://dummyimage.com/80x65/000/fff" alt="" />
    </p> 
    <p class="img-ctn">
        <img src="http://dummyimage.com/100x30/000/fff" alt="" />
    </p> 
    <p class="img-ctn">
        <img src="http://dummyimage.com/70x10/000/fff" alt="" />
    </p> 
    <p class="img-ctn">
        <img src="http://dummyimage.com/30x40/000/fff" alt="" />
    </p> 
    <p class="img-ctn">
        <img src="http://dummyimage.com/50x65/000/fff" alt="" />
    </p> 
</div>

CSS

* {padding:0;margin:0;}

body{padding:20px;}

.ctn {
    width: 100%;
    text-align: center;
}

.img-ctn {
    display: inline-block;
    margin-right: 3%;
    max-width: 120px;
    background: #cecece;
}

.img-ctn > img {
    display: block;
    height: auto;
    max-width: 100%;
    min-width: 100%;
    vertical-align: middle;
}