<figure class="am-magnifier">
  <img width="300" height="300" src="images/bing-square.jpg" alt="Bing square image" data-am-magnify>
  <div data-am-shape="square"></div>
  <div class="am-margin-left-sm">
    <img width="900" height="900" src="images/bing-square.jpg" alt="Bing square image">
  </div>
</figure>

<figure class="am-magnifier">
  <img id="small-image" width="480" height="270" src="images/bing-rect.jpg" alt="Bing rect image">
  <div></div>
  <div class="am-margin-left-sm">
    <img width="1920" height="1080" src="images/bing-rect.jpg" alt="Bing rect image">
  </div>
</figure>

<script>
  $(function() {
    $('#small-image').magnify({
      shape: 'rect',
      width: 120
    });
  });
</script>