JSFiddle - React, Tailwind, and code Playground

HTML

<div class = "shape" onclick = "curse()"></div>
  <img src = 'http://images.clipartpanda.com/raindrop-clipart-RTGdn5bTL.png' width = "15px" class = "raindrop1">

CSS

body{
    background: rgb(0, 0, 0);
}

.shape{
    border-radius: 50px;
    width: 10px;
    height: 10px;
    background-color: white;
    position: absolute;
    left: 50%;
    top: 50%;
}

JavaScript

$(".raindrop1").clone()
	.removeClass("raindrop1")
  .addClass("raindropDelete")
  .appendTo("body").css({
     left: $(".shape").position().left - 29.50,
     top: $(".shape").position().top + 1,
     position: "relative"
     }).animate({top :"+=1000"}, function() {
        $(".raindropDelete").remove();
        });