Non-constant height of the rows in the table

Good morning,

I tried to insert some thumbnails from my site’s media, all sized 150×150 pixels; these thumbnails are linked to the link that allows you to open an article.
To perform this function in the TablePress cell I inserted this HTML code, apparently working, where POST_LINK and LINK_THUMBNAIL are the links to the post and the thumbnail.:

<a href=”POST_LINK” target=”_blank” rel=”noopener”><img src=”LINK_THUMBNAIL” width=”150″ height=”150″ style=”border:2px solid red”/></a>

The cell in which the thumbnail of the first row in the table is inserted is aligned to the center with respect to the edges of the cell. In the second row in the table the distance between the bottom edge of the thumbnail and that of the cell edge increases, and the same happens for the third. I assume that this would happen for all the rows in the table.
Can you give me some advice on this? I would like all the rows after the first to have the same height as the first row.
I attach an image of the column. For the table I use a custom CSS (borders colored in red, black background and row highlighted in white when the mouse passes over)
Thanks

Renato Polloni

P.S. The examples visible in the image above are in the last rows of the table which should be displayed in descending order.

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