A qué te refieres con cómo son?
Son imágenes png con un pequeño fondo transparente.
Le he añadido esto al código de la tabla, haciendo que el tamaño sea en porcentaje, con un máximo de 600px
Código HTML:
<table width="75%" style="max-width: 600px;" border="0" align="center">
Y más o menos funciona, si hago la ventana más pequeña, se van reduciendo al ritmo de la reducción. Pero llega un punto en el que las celdas de texto mandan sobre las imágenes, y las que tienen un texto más corto se siguen reduciendo, mientras que las que tienen un texto más largo, se quedan con la imagen un poco más grande. Es decir, el tamaño de la celda del texto delimita el tamaño mínimo posible de la celda de la imagen.
Se entiendo mejor si pongo el enlace:
http://bit.ly/1nbhXEC
Verás que si reduces la ventana, hay 2 imágenes que quedan más grandes que las otras 2, en función de la longitud del texto que tienen debajo. ¿Cómo lo arreglo?