How to evenly lay out such a grid with bricks?

Question

css

Hello.
How to lay out an even grid of images -
Now on inline blocks, with every 3rd vertical alignment on the bottom. I found a way out in the minus left margin for the width of the image with an indent. Maybe there are some modern solutions?
Ps Fixed height and width images, Masonry does not offer.
Pss The correct mesh looks like this (can be without centering)

Answer 1

Flexbox and more, fuck masonry
codepen.io/DTX/pen/gMaEyL

Answer 2

Masonry