To add this to a Product Image, paste the usage HTML into a code block in the Product Item » Additional Info area. Then replace the block target to the follow:
<ImageHotspots block=".product-gallery-slides-item:has(#product-gallery-slides-item-1)">
This will target the first image in the product image gallery. Adjust the 1 to 2 to target the second image.