I'm trying to add this code above my website on readymag. It places an image above the website that can be erased, but when I insert the code, the website doesn't scroll. I tried using pointer-events: none;, and while it allows scrolling, the eraser function doesn't work. Can someone help me?

.wrapper {
  position: relative;
}

#img2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

#img2 {
  z-index: 99;
}

<div class="wrapper">

  <img id="img2" src="/t/original/i/Z2283582099087810873620708068841/stelline-rettangolo.svg">
</div>


<script src=".6.0/jquery.min.js"></script>
<script src="/m/K2262565859332669963966899162601/jquery.eraser.js"></script>
<script type="text/javascript">
  $('#img2').eraser({
    size: 200
  });
</script>