ピンタレストみたいに画像を並べる（ギャラリー不使用）

ピンタレストみたいなグリッドで画像を並べて、画像の上に文字を入れる方法。
flexを切らないと、グリッドの中が縦並びにならないので、

子要素の縦並びにする為にコンテナ要素には「flex-direction」プロパティにて「column」を指定します。

ということで、
container-magic-grid　に　 flex-direction: column;　を入れます。

↓設定の参考にした。
on-ze.com