Displaying rows of images with accompaning text

I am trying to set up a list of images, spread out acroos the page, with disctiptive text for each image. I have coded some CSS. Displaying the images with the text is working but the height and width I have specified for block is being ignored, or overridden, so I get display blocks of different sizes based on the length of the text. This messes up the formatting big time. Outside of WordPress the code works perfectly so I am assuming there is something inside WordPress that is messing this up.

This is the URL for the page: https://www.islandnet.com/~gcc/dev/?page_id=106
This is the code

[Code moderated as per the Forum Rules. Please use the pastebin]