Ciao a tutti, ho una tabella di questo tipo

codice:
<table>
        <tbody>
            <tr>
                <td><img src="img1.png" width="300" height="200" /></td>
                <td><img src="img2.png" width="300" height="200" /></td>
                <td><img src="img3.png" width="300" height="200" /></td>
                <td><img src="img4.png" width="300" height="200" /></td>
            </tr>
            <tr>
                <td>Text 1</td>
                <td>Text 2</td>
                <td>Text 3</td>
                <td>Text 4</td>
            </tr>
             <tr>
                <td><img src="img5.png" width="300" height="200" /></td>
                <td><img src="img6.png" width="300" height="200" /></td>
                <td><img src="img7.png" width="300" height="200" /></td>
                <td><img src="img8.png" width="300" height="200" /></td>
            </tr>
            <tr>
              <td>Text 5</td>
              <td>Text 6</td>
              <td>Text 7</td>
              <td>Text 8</td>
            </tr>
        </tbody>
    </table>


Quello che vorrei fare è renderla responsive.... facendo quindi in modo che da desktop abbia 4 colonne come ore.... e da mobile diventi

Immagine
Testo
[spazio]
Immagine
Testo
[spazio]
Immagine
Testo
[spazio]
....per 8 volte

quindi mostrando un elemento per righe da Smartphone e Tablet.

Ho guardato diversi esempi su Google ma non ne sono venuto a capo con la gestione delle immagini

Come posso fare?

Grazie in anticipo per l'aiuto!!