JSFiddle - React, Tailwind, and code Playground

HTML

<div id="counter">0</div><br><br><br><br><br><br><br><br> <!-- Break to create margin -->
    <div id="resource_72" class="row">
        <img id="user73" class="userimage" src="http://t0.gstatic.com/images?q=tbn:ANd9GcTIL3tdVsOBunTRd_maavvWdsmLBJ2NpE0XERI-_i62OdL1UWCmmg">
    </div>

CSS

.row{
border:1px solid black;
width:300px;
padding:10px;
}
.userimage{
width:120px
}
#counter{
 color:red;
margin-left:10px; 
float:left;    
}

JavaScript

$(".row").click(function(){
    var $this = $(this);
    var pos = $this.position();
    
    $this.css({position : "absolute", top: pos.top, left: pos.left})
        .add($this.find("img"))
        .animate({top: 0, left: 0, width: 20, height: 0},1000,function(){
             $this.hide();
        }); 
});