JSFiddle - React, Tailwind, and code Playground

HTML

<div style="display: inline-block;"><img style="margin: 3px 3px;" src="https://www.gravatar.com/avatar/4ee102e4ae1b9ab69077f7c471365f69?s=328&d=identicon&r=PG&f=1" alt="" width="50"  /></div>
<div style="display: inline-block;"><img style="margin: 3px 3px;" src="https://www.gravatar.com/avatar/4ee102e4ae1b9ab69077f7c471365f69?s=328&d=identicon&r=PG&f=1" alt="" width="50"  /></div>
<div class="gap"></div>
<div style="display: inline-block;"><img style="margin: 3px 3px;" src="https://www.gravatar.com/avatar/4ee102e4ae1b9ab69077f7c471365f69?s=328&d=identicon&r=PG&f=1" alt="" width="50"  /></div>
<div style="display: inline-block;"><img style="margin: 3px 3px;" src="https://www.gravatar.com/avatar/4ee102e4ae1b9ab69077f7c471365f69?s=328&d=identicon&r=PG&f=1" alt="" width="50"  /></div>

CSS

@media only screen and (min-width: 541px) {
.gap{display:none;}

}

@media only screen and (max-width: 540px) {
	.gap{clear:both;display:block;}
}