JSFiddle - React, Tailwind, and code Playground

HTML

<body onload="generateFaces()">
<div id="leftSide"></div>
<div id="rightSide"></div>

CSS

img {position:absolute}
					div {width:500px;height:500px}
					#rightSide {
								position:absolute;
								left: 500px; 
            			border-left: 1px solid black
							   }
                 #leftSide {
                   float: left;
                 }

JavaScript

var numberOfFaces=5;
			    		var theLeftSide = document.getElementById("leftSide");
			    		var i = 0;
			    		function generateFaces()
			    		{
			    			while(i < numberOfFaces)
			    			{
			    				var this_img = document.createElement("img");
			    				this_img.src="https://www.emojimeanings.net/img/whatsapp-smileys/smiley-with-tongue-eat-enjoy-1F60B.jpg";
	top_position  = Math.random()*400; left_position = Math.random()*400;
			    				this_img.style.top = top_position + "px";
			    				this_img.style.left = left_position + "px";
			    				theLeftSide.appendChild(this_img);
			    				
			    				i++;
			    			}
			    		}