JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
 
<div class="thumb"> 
<img src="http://www.barrylachapelle.com/stuff/new_site/images/guinness/1.jpg" style="width:100%"> 
<div class="thumb_resize"></div> 
</div> 
 
<div class="thumb"> 
<img src="http://www.barrylachapelle.com/stuff/new_site/images/guinness/1.png" style="width:100%"> 
<div class="thumb_resize"></div> 
</div> 
 
<div class="thumb"> 
<img src="http://www.barrylachapelle.com/stuff/new_site/images/guinness/3.png" style="width:100%"> 
<div class="thumb_resize"></div> 
</div> 
 
<div class="thumb"> 
<img src="http://www.barrylachapelle.com/stuff/new_site/images/guinness/5.png" style="width:100%"> 
<div class="thumb_resize"></div> 
</div>

CSS

.thumb{
    width: 200px;
    height: 115px;
    background-color: rgba(0, 0, 0, 0.3);
    position: relative;
    float: left;
    overflow: hidden;
    margin-left: 10px;
    margin-top: 100px;
}
 
.thumb_resize {
    position: absolute;
    background-image:url('http://www.barrylachapelle.com/stuff/new_site/images/right_arrow.png');
    background-color: rgba(0, 0, 0, 0.8);
    height: 20px;
    width: 20px;
    right: 0px; 
    bottom: 0px;
    cursor:pointer;
    cursor:hand;
}

JavaScript

$(document).ready(function () {
 
    var mouse_down = false;
    
    /* thumb resize controls */
    $('.thumb_resize').mousedown(function(){
        
        var theparent = $(this);
        mouse_down = true;
        var theparent = $(this).parent();
        var thumbpos = theparent.offset();
        
        $(document).mousemove(function(e){
        
            if (mouse_down){
                
                $(theparent).css({
                    
                    height: (e.pageY - thumbpos.top) + "px",
                    width: (e.pageX - thumbpos.left) + "px"
                });
            }
        }); 
    }); 
    
    $(this).mouseup(function(){
        $(this).unbind('mousemove');
        mouse_down = false;
        $('.thumb').animate( { height: 115 }, 100);
        $('.thumb').animate( { width: 200 }, 100);
    
    });
    
});