Tabelle und ihre Bilder responsive machen

habe eine Tabelle mit einigen Bildern unterschiedlicher Originalgröße als Inhalt. Wie kann ich die Tabelle und Bilder richtig "responsive" machen?
habe versucht folgenden Code, kein Erfolg.

Code:

<div class="table-responsive">
    <table class="table table-striped" style="width: max-width;">
        <tbody>
            <tr>
                <td style="width: max-width;"><img alt="" class="img-responsive" src="bilder/bild1.png" /></td>
                <td style="width: max-width;"><img alt="" class="img-responsive" src="bilder/bild2.jpg" /></td>
            </tr>
        </tbody>
    </table>
</div>