JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://beneposto.pl/jqueryrotate/js/jQueryRotateCompressed.js"></script>
<div id="tablero">
<img id="botella" src="http://localvault.sytes.net/demos/botella.png" />
</div>
CSS
#tablero {
height: 320px;
background: url('http://localvault.sytes.net/demos/fondo_botella.jpg') no-repeat left top;
position: relative;
}
#tablero #botella {
position: absolute;
top: 66px;
left: 204px;
}
JavaScript
$("#botella").rotate({bind:{
click: function(){
var aleatorio = 1 + Math.floor(Math.random() * 360);
$(this).rotate({
angle: 0,
animateTo: aleatorio
})
}
}
});