JSFiddle - React, Tailwind, and code Playground

HTML

<body>

<div id = "shoulders">
	
	<div id = "face">
		<div class = "eyebrow" id = "lefteyebrow"> </div>

		<div class = "eyebrow" id = "righteyebrow"> </div>
				
		<div class = "eye" id = "lefteye"> </div>

		<div class = "eye" id = "righteye"> </div>

		<div id = "mouth"></div>
		
	</div>
	
</div>
</body>

CSS

#shoulders {
 background-image: url('http://i.imgur.com/7YneEPb.png') ;
    background-repeat: no-repeat;
    height: 612px;
}

#face {
 background-image: url('http://i.imgur.com/81PBjTQ.png');
    background-repeat: no-repeat;
    height: 571px;
    background-position: 85px 0px;
}

#mouth {
 background-image: url('http://i.imgur.com/QsqjZNK.png');
    background-repeat: no-repeat;
    height: 39px;
    z-index:3;
    background-position: 340px 10px;
    position: relative;
}