JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="objeto">
        &nbsp;
    </div>
</div>

CSS

#container{
    width:100%;
    background:#fff;
    height:500px;
    position:relative;
}
#objeto{
    width:50px;
    height:50px;
    position:absolute;
    background-image:url(http://www.fluboutique.com.br/Assets/Produtos/Pequenas/Bola--Brazuca-Futsal-Adidas-Copa-do-Mundo-2014-frente_635326593666163184.png);
    transition:all 1s ;
}

JavaScript

$(document).ready(iniciar);

function iniciar(){
   $("#objeto").on("mouseenter",encimaDiv);
}
function encimaDiv(){
    var x = random(0,100);
    var y = random(0,100);
    var j={
        "top":x+"%",
        "left":y+"%"
    }
    $(this).css(j);
}

function random(min, max){
		return Math.floor(Math.random()*(max-min+1))+min;
}