Salve, sono a chiedere un aiuto.

ho un HTML che posto qui sotto dove ci sono 9 immagini disposte su una tabella da 3 colonne.
Ho messo la regola sul css con class ".flex {max-width: 100%}" per rendere le immagine responsive.
Solo che vorrei fare in modo che al posto che le immagini della tabella si rimpiccioliscono, la tabella sul telefono si componga su 9 righe e una colonna.
Non č importante che le immagini siano su tabella, ma vorrei che andassero a capo sotto una certa risoluzione.
Mi potete aiutare?
Grazie.


codice:
<table width="100%" border="0">
<tbody>
<tr>
<td>
<p align="center">
<a href="http://www.motopro24.com/filemotopro...r_2018_RMS.pdf" target=ā€_blankā€>
<font size="2"
face="Tahoma"><img class="flex" src="https://www.motopro24.com/filemotopr...-0006-0001.jpg" />
</font></a></p></td>
<td>
<p align="center">
<a href="http://www.motopro24.com/filemotopro...e_2018_RMS.pdf" target=ā€_blankā€>
<font size="2" face="Tahoma"><img class="flex"
src="https://www.motopro24.com/filemotopr...A-CLA-0001.jpg" />
</font></a></p></td>
<td>
<p align="center">
<a href="http://www.motopro24.com/filemotopro24/RMS/jt.pdf" target=ā€_blankā€><font size="2"
      face="Tahoma"><img class="flex"
      src="http://www.motopro24.com/filemotopro24/RMS/D0-110.jpg" /></font></a></p></td></tr>
<tr>
<td>
<h4 align="center"><font size="2" face="Tahoma">Catalogo
Moto&amp;Scooter 2018</font></h4></td>
<td>
<h4 align="center"><font size="2" face="Tahoma">Catalogo Vintage
2018</font></h4></td>
<td>
<h4 align="center"><font size="2" face="Tahoma">Catalogo JT 2017 /
JT Catalog 2017</font></h4></td></tr>
<tr>
<td>
<p align="center">
<a href="http://www.motopro24.com/filemotopro24/RMS/Muc-Off.pdf" target=ā€_blankā€>
<font size="2" face="Tahoma"><img class="flex"
src="https://www.motopro24.com/filemotopr.../FLMUC0000.jpg" />
</font></a></p></td>
<td>
<p align="center">
<a href="http://www.motopro24.com/filemotopro24/RMS/bs.pdf" target=ā€_blankā€><font size="2"
      face="Tahoma"><img class="flex"
      src="http://www.motopro24.com/filemotopro...CA-BS-0000.jpg" />
</font></a></p></td>
<td>
<p align="center">
<a href="http://www.motopro24.com/filemotopro24/RMS/NGK.pdf" target=ā€_blankā€><font size="2"
      face="Tahoma"><img class="flex"
      src="https://www.motopro24.com/filemotopr.../D0-032017.JPG" />
</font></a></p></td></tr>
<tr>
<td>
<h4 align="center"><font size="2" face="Tahoma">News MUC-OFF
2017</font></h4></td>
<td>
<h4 align="center"><font size="2" face="Tahoma">Catalogo BS 2017 /
BS Catalog 2017</font></h4></td>
<td>
<h4 align="center"><font size="2" face="Tahoma">News candele NGK
2017</font></h4></td></tr>
<tr>
<td>
<p align="center">
<a href="http://www.motopro24.com/filemotopro...e%20Domino.pdf" target=ā€_blankā€>
<font size="2" face="Tahoma"><img class="flex"
src="https://www.motopro24.com/filemotopr.../D0-032017.JPG" />
</font></a></p></td>
<td>
<p align="center">
<a href="http://www.motopro24.com/filemotopro...vari%20WEB.pdf" target=ā€_blankā€>
<font size="2" face="Tahoma"><img class="flex"
src="https://www.motopro24.com/filemotopr...A-RMS-0001.jpg" />
</font></a></p></td>
<td>
<p align="center">
<a href="http://www.motopro24.com/filemotopro...dele%20WEB.pdf" target=ā€_blankā€>
<font size="2" face="Tahoma"><img class="flex"
src="https://www.motopro24.com/filemotopr...A-RMS-0000.jpg" />
</font></a></p></td></tr>
<tr>
<td>
<h4 align="center"><font size="2" face="Tahoma">News DOMINO
2017</font></h4></td>
<td>
<h4 align="center"><font size="2" face="Tahoma">Estratto Attrezzi e
Accessori Vari 2017</font></h4></td>
<td>
<h4 align="center"><font size="2" face="Tahoma">Estratto Candele
2017</font></h4></td></tr></tbody></table>