Eraser.js on Readymag

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?

HTML

       <div class="wrapper">
            
            <img id="img2" src="https://freight.cargo.site/t/original/i/Z2283582099087810873620708068841/stelline-rettangolo.svg"> </div>        


    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://freight.cargo.site/m/K2262565859332669963966899162601/jquery.eraser.js"></script>
    <script type="text/javascript">
        
        $('#img2').eraser({ size: 200 });

    </script>

CSS

.wrapper {
    position: relative;
}

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

#img2 {
    z-index: 99;
}