Vertsk adaptive gallery with unequal in width, but equal in height blocks - how?

Question

css

Good day to all.
Faced such a task - you need to make up an adaptive gallery - take.ms/RLf7m
It seems nothing complicated, but the first big block confuses me .
The gallery should be adaptive, including for mobile devices.
So far, this is the only way I can do it - take.ms/rlxbZ .
Everything is adaptive and beautiful, but the first block spoils the whole picture .
How to make it take the height of all other blocks - as far as I understand, in this case the task sounds exactly like that?

Answer 1

Use flex

Answer 2

heard about :
height: **?