JSFiddle - React, Tailwind, and code Playground

HTML

<div class="img__box">
	
	<div class="img__src"></div>
	
</div>

CSS

.img__box {
	
	float: left;
	
	width: 50%;
	
}

.img__src {
	
	float: left;
	
	/* Deve pegar a largura do elemento pai inteiro */
	width: 100%;
	
	/* O height é zero mesmo, a altura vai ser definida no padding-bottom */
	height: 0;
	
	/*
	Tamanho da imagem original: 2000 x 1250
	
	Imagem deitada
	Formula: (1250 / 2000) * 100 = 62.5
	
	Imagem em pé
	Formula: (2000 / 1250) * 100 = 160
	*/
	padding-bottom: 62.5%;
	
	background: url(http://folhanobre.xyz/2015/09/Paisagem_imagem_linda_-52.jpg);
	
	background-size: cover;
	
}