JSFiddle - React, Tailwind, and code Playground

HTML

<div id = "test">
</div>

JavaScript

var divElement = document.getElementById("test");
var newImage = new Image();
var refImage = new Image();

newImage.onload = function(){
	newImage.style.position = "absolute";
  newImage.style.left = "0px";
  newImage.style.top = "0px";
  divElement.appendChild(newImage);
}

refImage.onload = function(){
	refImage.style.position = "absolute";
  refImage.style.left = "0px";
  refImage.style.top = "400px";
  refImage.style.height = "400px";
  refImage.style.transform = "scaleY(-1)";
  refImage.style.opacity = "0.4";
  refImage.style.clip = "rect(150px, 400px, 400px, 0px)";
  divElement.appendChild(refImage);
}

newImage.src = "https://3.bp.blogspot.com/-W__wiaHUjwI/Vt3Grd8df0I/AAAAAAAAA78/7xqUNj8ujtY/s400/image02.png";

refImage.src = "https://3.bp.blogspot.com/-W__wiaHUjwI/Vt3Grd8df0I/AAAAAAAAA78/7xqUNj8ujtY/s400/image02.png";