JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
	<div class="photo">
		<img src="https://www.phastekperformance.com/v/vspfiles/assets/images/hurst.png" />
		This is the caption
	</div>
	<div class="photo">
		<img src="https://www.phastekperformance.com/v/vspfiles/assets/images/hurst.png" />
		Caption here
	</div>
	
	<div class="photo">
		<img src="http://www.1stincity.com/4872-12240-medium/new-disney-pixar-moive-cars2-car-models-cars-finn-mcmissile-loose-two043n.jpg" />
		Test track
	</div>
	<div class="photo">
		<img src="http://www.1stincity.com/4872-12240-medium/new-disney-pixar-moive-cars2-car-models-cars-finn-mcmissile-loose-two043n.jpg" />
		Ferrari
	</div>
</div>

CSS

<style>
	.container{width:180px;}
	.photo{width:80px; font-size:80%; text-align:center; vertical-align:top; display:inline-block;}
	
	@media screen and (min-width: 160px) {
	.container{width:160px;}
	}
	@media screen and (min-width: 240px) {
	.container{width:240px;}
	}
	@media screen and (min-width: 640px) {
	.container{width:400px;}
	}
</style>