Image table problem

Hello there,
I have a really strange issue with a table on my site, address: https://polarismusic.co.uk/artists/

As you can see the first three images are aligned correctly but the fourth is further down the page. The issue first came about when i changed the table from a 3 column 2 row format to a 2×2. I have been looking at this code for a long time;

<table>
<tbody>
<tr>
<td>[hover category=”HOL” style=”square” effect=”effect3″ animation=”bottom_to_top” width=”300″ height=”200″ letf_right=”28″ border=”remove” position=”center” heading_font=”16″ desc_font=”12″]</td>
<td style=”text-align: center;”>[hover category=”Plain” style=”square” effect=”effect3″ animation=”bottom_to_top” width=”300″ height=”200″ letf_right=”28″ border=”remove” position=”center” heading_font=”16″ desc_font=”12″]</td>
</tr>
<tr>
<td>
<p style=”text-align: center;”>[hover category=”KIN” style=”square” effect=”effect3″ animation=”bottom_to_top” width=”300″ height=”200″ letf_right=”28″ border=”remove” position=”center” heading_font=”16″ desc_font=”12″]</p>
</td>
<td>?[hover category=”LottieJ” style=”square” effect=”effect3″ animation=”bottom_to_top” width=”300″ height=”200″ letf_right=”28″ border=”remove” position=”center” heading_font=”16″ desc_font=”12″]</td>
</tr>
</tbody>
</table>

And if possible I would like a fresh pair of eyes to see if i am missing something on the code. I know this may not be a theme issue but it seems to only be an issue for me on this theme.

If it helps i am using a plugin called ‘amazing hover effects pro’ on this page for the images.

Thank you for you help my friends,
Louis