Non sono per niente un web designer avanzato, ma per poche immagini sto cercando una soluzione in autonomia.

In questa pagina Ho messo sei piccole immagini 200x100 a coppie in una tabella. Tra l'altro l'avrei evitata volentieri, mi sa di obsoleto, ma non avrei saputo crearla solo con i CSS.

Sull'iphone sembra che sia responsive. Ma non so se questa soluzione lo sarà su display di diverse risoluzioni e dimensioni.


codice HTML:
<div align="center">
<table border="0" cellspacing="10" cellpadding="10">
<tbody>
<tr>
<th>Prima</th><th>Dopo</th></tr>
<tr>
<td><img src="http://www.giuseppearcidiacono.it/wp-content/uploads/2015/12/lumineers-prima-1.jpg" alt="" /></td>
<td><img src="http://www.giuseppearcidiacono.it/wp-content/uploads/2015/12/lumineers-dopo-1.jpg" alt="Lumineers dopo caso 1" /></td>
</tr>
<tr>
<td><img src="http://www.giuseppearcidiacono.it/wp-content/uploads/2015/12/lumineers-prima-2.jpg" alt="" /></td>
<td><img src="http://www.giuseppearcidiacono.it/wp-content/uploads/2015/12/lumineers-dopo-2.jpg" alt="Lumineers dopo caso 2" /></td>
</tr>
<tr>
<td><img src="http://www.giuseppearcidiacono.it/wp-content/uploads/2015/12/lumineers-prima-3.jpg" alt="" /></td>
<td><img src="http://www.giuseppearcidiacono.it/wp-content/uploads/2015/12/lumineers-dopo-3.jpg" alt="Lumineers dopo caso 3" /></td>
</tr>
</tbody>
</table>
</div>
Come l'avreste gestita?

Grazie
Ciao