'need help in to makes work watermark script in popup window

I am using watermark script to add watermark in my product images and as well in popup here is the url which one i am using on my website

https://www.jqueryscript.net/other/Add-Image-Or-Text-Watermarks-To-Images-with-jQuery-watermark.html

after add code the script working on simple image something like here

https://www.morrans-international.com/product_info.php/source-peter-morran-twist-irvine-beach-park-april-1985-p-9802?cPath=2079

but when you clicking on image a pop is opening, here so the watermark not working in the popup

here is the code

$('.img-responsive').watermark({
        path: 'https://www.morrans-international.com/images/watermark.png',
        margin: 0,
        gravity: 'nw',
        opacity: 0.5,
        outputWidth: 400,
        imageSize: 'big'
    });
     $('.cboxPhoto').watermark({
        path: 'https://www.morrans-international.com/images/watermark.png',
        margin: 0,
        gravity: 'nw',
        opacity: 0.5,
        outputWidth: 400,
        imageSize: 'big'
    });

img-responsive for the image which is on list and cboxPhoto is the popup class please guide

Thank you!



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source