How to add Pinterest button to image blocks instead of images

Site URL: https://www.makersdepartment.com/purepods

Hi, 

I have added the following code from Pinterest's website on their Widget builder:

<script async defer data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>

At the moment the Pinterest button appears at the top left of the full image, so when the image is cropped the Pinterest button is no longer in the right place (see image).

I realise it needs to align at the top left of the image block, not the image itself. How can I do this? 

Also can you change the size of the Pinterest button? This isn't as important but thought I'd ask anyway just in case :)

Thanks so much.