Alignment of flex items [closed]

Question

I have a wrapper which is display:flex and equally spaces the items horizontally. Those items have display:flex also but are flex-direction:column these are basically an image and a span wrapped in a button. What is happening is when the span the breaks onto 2 lines it misaligning the top of the images so they look out of line, is there a way around this?

You can see the problem here