JSFiddle - React, Tailwind, and code Playground

HTML

<input id="file" type="file" class="file" onchange="myFunction()" name="photo" multiple accept="image/*,image/jpeg,image/png">

CSS

.file{
width:400px;
height:300px;
position:absolute;
border:1mm solid #000;
background:url(https://99px.ru/sstorage/53/2017/07/tmb_205186_3178.jpg) 100% 100% no-repeat;
background-size: cover;
}