JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://jqueryui.com/themeroller/css/parseTheme.css.php?ctl=themeroller"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css">
<div id="editor">
    <div id="container_img">
        <img src="http://www.google.com.br/images/srpr/logo3w.png" />
    </div>
</div>

CSS

#editor{ left: 50px; top: 50px; border:1px solid #000;width:300px; height: 300px; position: absolute; }

#container_img { left: 50px; top: 50px; width: 200px; height: 200px; border: 1px solid green; position: absolute; }

#editor img {width:150px; left: -20px; top: -20px; position: absolute;}

JavaScript

$(document).ready(function(){
     
    $( "img" ).resizable({
        containment: "#editor"
    });
       
});