‘Pin it’ button keep showing on despite adding ‘nopin’ settings to images

Dear Support Team,

I would like to exclude some of my images from pinning. I’m using the ‘Grow by Mediavine’ plugin to optimize my images for Pinterest and I also have an option there to disable pinning easily, which adds the following code to my images: data-pin-nopin=”true”.

It works if I try to use the Pinterest Chrome extension for pinning, as the images where I disabled pinning don’t show up there. However, when I hover over the images, the ‘Pin it’ button created by JQuery still appears, which means people can still pin my images, despite adding the nopin setting to the code.

Is there a way to fix this issue? I’ve read the documentation on how to disable pinning with adding ‘nopin’ to the Image CSS class or using the text editor and adding a class=”nopin” code manually but my problem is that I’m using Elementor and I don’t have either of these options. And since I’ve already added the data-pin-nopin=”true” code to my images with Grow, I would like to avoid adding another code, if possible.

I’ve copied a link to one of my pages where I disabled pinning on all images except the first one and the last two, and the ‘Pin it’ button still shows up on every images.

Thank you in advance for your help,
Kriszti

The page I need help with: [log in to see the link]