JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
  <div class="img-wrapper">
    <img src="http://placehold.it/350x208" width="350" height="208">
    <img src="http://placehold.it/100x50" width="100" height="50">
  </div>
  <div class="img-wrapper">
    <img src="http://placehold.it/350x208" width="350" height="208">
    <img src="http://placehold.it/100x50" width="100" height="50">
  </div>
</div>

CSS

.main {
				color:#29abe2;
				text-align: center
			}
      
.img-wrapper {
  display: inline-block;
}
      
img {
  display: block;
  margin: 0 auto 16px;
}