JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container-fluid">
	<div><img src="http://lorempixel.com/output/food-h-g-164-166-5.jpg"></div>
	<div><img src="http://lorempixel.com/output/food-h-g-164-166-5.jpg"></div>
	<div><img src="http://lorempixel.com/output/food-h-g-164-166-5.jpg"></div>
	<div><img src="http://lorempixel.com/output/food-h-g-164-166-5.jpg"></div>
	<div><img src="http://lorempixel.com/output/food-h-g-164-166-5.jpg"></div>
</div>

CSS

img{
    width:25px;
    vertical-align: middle;
}


.container-fluid > div {
    text-align:center;
    height: calc(100vh/5);
    line-height: calc(100vh/5);
}

.container-fluid > div:nth-child(odd){
    background:yellow;
}