JSFiddle - React, Tailwind, and code Playground

by Ken Watanabe

HTML

<body>
    <img class="object01" src="http://media.tumblr.com/tumblr_mcepyv1Qfv1ru82ue.jpg" />
    <img class="object02" src="http://media.tumblr.com/tumblr_mcepyv1Qfv1ru82ue.jpg" />
    <img class="object03" src="http://media.tumblr.com/tumblr_mcepyv1Qfv1ru82ue.jpg" />
    <img class="object04" src="http://media.tumblr.com/tumblr_mcepyv1Qfv1ru82ue.jpg" />
</body>

CSS

body {
    height: 100%;
    width: 100%; 
}

.object01, .object02, .object03, .object04 {
    width:200px; height:auto; position:absolute;
} 

.object01 {
    top: 20%;
    left: 20%;
    width:200px; height:auto;
}

.object02 {
    top: 40%;
    right: 10%;
    width:200px; height:auto;
}

.object03 {
    top: 60%;
    left: 60%;
    width:200px; height:auto;
}

.object04 {
    top: 80%;
    left: 80%;
    width:200px; height:auto;
}

JavaScript

$('.object01').draggable();
$('.object02').draggable();
$('.object03').draggable();
$('.object04').draggable();