JSFiddle - React, Tailwind, and code Playground

HTML

<p>
<img src="http://placehold.it/300x250">
<img src="http://placehold.it/300x300">
<img src="http://placehold.it/300x300">
<img src="http://placehold.it/300x450">
</p>

CSS

p{
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 0;
    column-gap: 0;
}

img{
    display: inline-block;
    width: 100%;
    height: auto;
    vertical-align: top;
    padding: 4px;
    box-sizing: border-box;
}