如何在html5 + css3签证申请表中添加图像预览

I am developing a html5+css3 visa application form. https://codepen.io/ivailo-nenov/pen/eoxowL

<!-- Right topheader -->
        <div class="topheader-right">
          <div id="photo">
            <div id="phototext">PHOTO</div>
          </div>
        </div>

I do not know how to add image preview in the right corner - the user must click on "PHOTO" to be able to upload his passport photo. The dimensions of the photo should be exactly 35mm x45mm PLEASE HELP!