JSFiddle - React, Tailwind, and code Playground

HTML

<div class='row'>
    <div class='img' style='background: url("https://lh5.googleusercontent.com/-rr2z22v0QgY/VDKGa9ovtnI/AAAAAAAAWbY/CXRKfU6WPcU/s319/01-kp.jpg");'>&nbsp;</div>
    <div class='img' style='background: url("https://lh3.googleusercontent.com/-OAiF-OjYJzA/VDKGa4axmDI/AAAAAAAAWbc/vmoLHWz86zI/s319/02-kp.jpg");'>&nbsp;</div>
</div>
<div class='row'>
    <div class='img' style='background: url("https://lh3.googleusercontent.com/-6IYhW-Ksbm8/VDKGaVkLJAI/AAAAAAAAWbQ/FJUbM4S2kMk/s1014/03-kp.jpg");'>&nbsp;</div>
    <div class='img' style='background: url("https://lh6.googleusercontent.com/-O3cyqF3Gu5U/VDKGqr9xkeI/AAAAAAAAWcU/TRu0oBIgk80/s319/08-nbr.jpg");'>&nbsp;</div>
</div>

CSS

body {
    margin: 0;
}
div.img {
	float: left;
	width: 49%;
    margin:0.5%;
	height: 100%;
	background-size: cover!important;
	background-repeat: no-repeat!important;
}
div.row {
    height: 300px;
}