何度もすいません

<div class="test4">
<div><img src="http://placehold.jp/400x200.png";></div>
<div><img src="http://placehold.jp/300x300.png";></div>
<div><img src="http://placehold.jp/200x400.png";></div>
</div>

<div class="test4">
<div><img src="http://placehold.jp/150x50.png";></div>
<div><img src="http://placehold.jp/100x100.png";></div>
<div><img src="http://placehold.jp/50x150.png";></div>
</div>

こんな感じのいろんなサイズの画像がきても

https://dotup.org/uploda/dotup.org1468716.jpg

こんな感じで高さをそろえてかつページ幅におさまるように伸縮して横並びに表示したいんですけど
ずっと検索してても単一画像や幅そろえるのはあったんですが
複数画像のはjsを使ったのしか出てこないんですよね…

ＣＳＳだけでやるのは無理なんでしょうか