JSFiddle - React, Tailwind, and code Playground

HTML

<div class='upload-wrapper'>
			<label for='file-input'>
				<img src='http://i.imgur.com/MIY6LmH.png' alt='Upload File' title='Upload File' width='250' height='250'>
			</label>
			<input type='file' name='photo' id='file-input'>
		</div>

CSS

.upload-wrapper {
	width: 250px;
	height: 250px;
	margin: 0 auto;
	cursor: pointer;
}

.upload-wrapper img {
	width: 250px
	height: 280px;
}

.upload-wrapper input {
	display: none;
}