Aligning 4 columns with images on home page

On my Home page I have a four column section and everything lines up properly when I add just text, however when I add an image to each column the second column goes out of line.

I took the same code and added to the footer and everything aligns correctly. Can you please explain what I am doing wrong and what css change I need to make.

Here is my code:

`
[column width="four" position="first" ][heading]P.I.R.A.T.E.[/heading]

Photo-Immersive Realistic Aides for Training Environment
[button href="http://mw.kagedesigns.com/pirates/exterior-and-interior-image/" target="_blank"]Gallery[/button]

[/column]

[column width="four" position="first" ][heading]Department of Justice[/heading]

MW has partnered with Fleet Solutions Group to offer a cost effective, immersive training system
[button href="http://mw.kagedesigns.com/department-of-justice/doj-gallery/" target="_blank"]Gallery[/button]
[/column]

[column width="four" position="" ][heading]Immersive Atmosperics[/heading]

Offer props to make training environment more realistic.
[button href="http://mw.kagedesigns.com/immersive-atmospherics/immersive-gallery/" target="_blank"]Gallery[/button]
[/column]

[column width="four" position="last" ][heading]Additional Products[/heading]

Developed to resemble structures found in theaters of operation.
[button href="http://mw.kagedesigns.com/vehicles/" target="_blank"]Gallery[/button]

[/column]

`

Here the the link to the page: mw.kagedesigns.com