JSFiddle - React, Tailwind, and code Playground

HTML

<div class='gallery'>
    <img src='http://www.placehold.it/950x500' />
    <img src='http://www.placehold.it/300x500' />
    <img src='http://www.placehold.it/500x500' />
    <img src='http://www.placehold.it/1200x500' />
    <img src='http://www.placehold.it/100x500' class='center' />
</div>

CSS

.gallery img {
    padding: 20px 0;
    max-width: 100%;
}

.gallery img.center {
    display: block;
    margin: 0 auto;
}