JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
<div class="container">
<div class="row">
	<div class="grid-five">
		<div class="image-thumb">
			<figure>
				<img src="https://www.w3schools.com/html/pic_mountain.jpg">
			</figure>
			
		</div>
	</div>
	<div class="grid-five">
		<div class="image-thumb">
			<figure>
				<img src="https://www.w3schools.com/html/pic_mountain.jpg">
			</figure>
			<i class="icon-close sprite"></i>
		</div>
	</div>
	<div class="grid-five">
		<div class="image-thumb overlay">
			<figure>
				<img src="https://www.w3schools.com/html/pic_mountain.jpg" >
			</figure>
			
		</div>
	</div>
	<div class="grid-five">
		<div class="image-thumb overlay">
			<figure>
				<img src="https://www.w3schools.com/html/pic_mountain.jpg" >
			</figure>
			
		</div>
	</div>
	<div class="grid-five">
		<div class="image-thumb overlay">
			<figure>
				<img src="https://www.w3schools.com/html/pic_mountain.jpg" >
			</figure>
			
		</div>
	</div>
</div>
</div>

CSS

.grid-five {
  width: 20%;
}
.grid-five img{
  width: 100%;
}

/* for styling this demo */
.grid-five {
  border: 2px dotted red;
  box-sizing: border-box;
}
.grid-five + .grid-five {
  border-left: none;
}