image (inline-element) can be centered with text-align. or you can make the image block-element and use auto margins on left and right (margin: 0 auto)
but the problem you’re having is that table (and tr/td/whatever elements)
the image is centered… to that table cell, which has the width of that image.
remove the table elements and it works.
now it seems that you’re trying to make those equal height? you don’t have unit on the width/height (inline css)
and you probably should use something like flexbox anyway… or just forget the idea of equal height blocks.