JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.20/require.min.js"></script>
<script src="https://rawgit.com/bitofsky/jquery.imagecursorzoom/master/src/jquery.imagecursorzoom.js"></script>
Big size image 3264x2448 to 200xauto<br/><br/>
BODY<br/>
<img class="body" src="https://c1.staticflickr.com/1/380/18621040808_d946ac3d59_k.jpg" style="width:200px;">
<br/><br/>
BOX
<div class="box" style="width:400; height: 400; border: 1px solid grey;">
    <img class="box" src="https://c1.staticflickr.com/1/380/18621040808_d946ac3d59_k.jpg" style="width:200px;">
</div>

JavaScript

"use strict";

$(function(){
    $('IMG.body').imageCursorZoom();
    $('IMG.box').imageCursorZoom({parent:function(){ return $(this).parent(); }});
});