JSFiddle - React, Tailwind, and code Playground

HTML

Original image:<br/>

<img src="http://chicwriter.com/wp-content/uploads/2010/01/the-matrix.jpg" width="300" />
<br/><br/>
CSS Cropped image:<br/>
<div class="cropped">
<img src="http://chicwriter.com/wp-content/uploads/2010/01/the-matrix.jpg" width="300" />
</div><br/>
Pixastic Cropped image:<br/>
<script src="http://nebulousweb.com/public/js/pixastic.crop.js"></script>
<img src="http://chicwriter.com/wp-content/uploads/2010/01/the-matrix.jpg" width="300" class="pixastic" />

CSS

body {font:12px/1.2 Arial, sans-serif;}
.cropped {width:200px;height:100px;overflow:hidden;}
.cropped img {position:relative;top:-100px;}

JavaScript

$(window).load(function() {
    $('.pixastic').pixastic('crop', {
        rect : {
            left : 0, top : 100, width : 200, height : 100
        }
    });
});