JSFiddle - React, Tailwind, and code Playground

HTML

<div class="grid_6 prefix_3 suffix_3">
		<div id="picture" class="picture">
		           <div id="imageFace" class="picture"></div> 
		        </div>
  </div>


    <p><button id="save" class="button" onload="imgLoaded(this)" onClick="javascript:savePicture();">Save Picture</button></p>

CSS

#picture{
	border:1px solid; 
	background-color:#FFF;
	overflow: hidden;
}

.picture{
	width:460px;
	height:600px;
}

#imageFace{
	background:url("../images/faces/Face_3.jpg") no-repeat bottom;
	background-size:100%;
	z-index:-1;
}


.button{ 
width:60px;
height: 100px;
}