Tablas en 50% cada una

[juanito1712]

asi a bote pronto el tamaño de la imagen al 50% lo modifica al 50% de su tamaño original no de su contenedor, por lo que veras que excede o que no llega a las proporciones que deseas

como soluciones posibles se me ocurren 3 dependiendo de que desees y de tu escenario concreto.

o le pasas unicamente el ancho exacto en píxeles que debe ocupar para que ajuste el alto (si el tamaño de la tabla es dinámico no podras, pero si es un tamaño estático no habrá problema)

o dentro de la celda en lugar de poner la imagen diretamente, pones un div que ocupe el 100% de su contenedor con oferflow:hidden, o scroll y ya dentro de ese div la imagen(el problema de este método es que recortará la imagen y parece que a ti te interesa mas redimensionar)

o tiras de javascript para que al redimensionar controle el tamaño que tiene disponible en la celda y ajuste el tamaño de la imagen al deseado