Judging from your image (note the images in your Codepen do still not show up), I’d start with making sure that the
inline-block divs are set to
However, I don’t that that will solve the basic issue.
When the text wraps it make the element taller and you need a layout method that will equalise the heights of the elements automatically. I’d use flexbox or CSS Grid but that will depend on your own requirements.
A couple of other things.
<center>is an obsolete element and should no longer be used.
You should really wrap your raw text in a proper text element like a
You might want to look into the
figure element and it’s associated