JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main-inner">

  <div class="wrapper">
	
    <img src="http://www.foxtrot.net.ua/medias/mission3.jpg?context=bWFzdGVyfHJvb3R8NTQ1OTV8aW1hZ2UvanBlZ3xoOGYvaDcyLzg5MDE5NjQxNjkyNDYuanBnfDczZjNjYmNlNTk4ZGVmZWI4YTJkMjRmZWYzMDY4NmI4Mzc5NTE3M2IxYjI0OTNjZmJkMGVkZmE5Yzg1MmQ3MzA" alt="">
    <img src="http://www.foxtrot.net.ua/medias/mission4.jpg?context=bWFzdGVyfHJvb3R8NzE1OTJ8aW1hZ2UvanBlZ3xoYTIvaDQ1Lzg5MDE5NjQ1Mjk2OTQuanBnfDQ1MzExYzgwMmNhYzRiYTQzMjAzODFkZmNhNjMxOGNiNGNhNDk2NmU2MGFjMzU4ZDFmYjFhODkwYzM0NDk1YjQ" alt="">
    <img src="http://www.foxtrot.net.ua/medias/mission1.jpg?context=bWFzdGVyfHJvb3R8NjE4NjB8aW1hZ2UvanBlZ3xoZTcvaDk2Lzg5MDE5NjM0NDgzNTAuanBnfDYyMDcyY2I1MjZlYzg0YWM1MTA4ZWQ0NjViYjE5OTE2NmI0ZTNiYTRhZGYzZjIyZmY5YzkxOTJjZGNiOWY3OTY" alt="">
    <img src="http://www.foxtrot.net.ua/medias/mission2.jpg?context=bWFzdGVyfHJvb3R8NjM1NTN8aW1hZ2UvanBlZ3xoZmEvaDFlLzg5MDE5NjM4MDg3OTguanBnfDEzOGE1YmE2ZDYyNGM5NTgwY2ZmMTA5OWZlNjc0NWM0Y2Y5OWE0MjQ5MzJiNjE0MGZlYzliNDZjNDQ4MmYyMTk" alt="">
		
  </div>

</div>

CSS

.main-inner {
  background: #fff;
  padding: 10px;
}

.wrapper {
  display: flex;
	flex-wrap: wrap;
	justify-content: center;
  align-items: flex-start;
}
.wrapper > img {
  max-width: 100%;
	padding: 20px;
  height: auto;
}