JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Matching Game</h1>

<div id="leftSide"></div>
<div id="rightSide"></div>

CSS

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

JavaScript

var numberOfFaces = 5;
var theLeftSide = document.getElementById("leftSide");
generateFaces(theLeftSide);

function generateFaces(theLeftSide) {
    for (var i = 0; i < numberOfFaces; i++) {
        var img = document.createElement("IMG");
        img.src = "http://placehold.it/140x100";
        img.style.top = Math.floor(Math.random() * 401);
        img.style.height = 100;
        img.style.left = Math.floor(Math.random() * 401);
        theLeftSide.appendChild(img);
    };
}

leftSideImages = theLeftSide.cloneNode(true);
var theRightSide = document.getElementById("rightSide");
leftSideImages.removeChild(leftSideImages.lastChild);
theRightSide.appendChild(leftSideImages);