JSFiddle - React, Tailwind, and code Playground

by Florian Gropp

HTML

<div id="overlay" class="overlay"></div>
<img id="myimg" src="https://raw.github.com/djaiss/mapsicon/master/us/ny/256.png" />

CSS

.overlay {
  display: block;
  position: absolute;
  background-color: rgba(200, 200, 100, 0.5);
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
}

JavaScript

overlay = $("#overlay");
img = $("#myimg");
overlay.width(img.css("width"));
overlay.height(img.css("height"));
overlay.css("top", img.offset().top + "px");
overlay.css("left", img.offset().left + "px");