Square box after scratch the image , why this square box coming ?

[yashfale]

Hi Team i am getting square box after scratch the image.

<script>
    $('#ScratchMe').wScratchPad({
        size: 75,          // The size of the brush/scratch.
        bg: '#cacaca',
        fg: '#6699ff',  // Foreground (image path or hex color).
    });
</script>

<div class="Pawna-Camp-ForeGround">
    <div id="ScratchMe">
    </div>
</div>

.Pawna-Camp-ForeGround {
    display:flex;
    align-items: center;
    /*background-color: #5a6dcc;*/
    height:100vh;
    background-size:cover;
}
#ScratchMe {
    background-image: url('../img/WinScratchCard/GooglePay4.JPG');
    background-size: cover;
    height: 300px;
    width: 300px;
    border:hidden;
}