JSFiddle - React, Tailwind, and code Playground

HTML

<img id="size" draggable="true" src="http://img3.wikia.nocookie.net/__cb20140410195936/pokemon/images/archive/e/e1/20150101093317!025Pikachu_OS_anime_4.png">

CSS

#size  {
    width:200px;
    height:200px;
  
}

#coverup {
    background: white;
    width: 500px;
    height: 500px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

JavaScript

document.getElementById("size").addEventListener("dragstart", function(e) {
    //var img = document.createElement("img");
    var dragIcon = document.createElement("img");
    dragIcon.src = "http://img3.wikia.nocookie.net/__cb20140410195936/pokemon/images/archive/e/e1/20150101093317!025Pikachu_OS_anime_4.png";
    dragIcon.style.width = "500px";
    var div = document.createElement('div');
    div.appendChild(dragIcon);
    div.style.position = "absolute"; div.style.top = "0px"; div.style.left = "-500px";
    document.querySelector('body').appendChild(div);
    e.dataTransfer.setDragImage(div, 0, 0);
}, false);