(仮)CSS レスポンシブで縦横比の異なる画像を正方形ボックスで並べる

縦横比によってはうまく動作しない？？CSSグリッドで代替可能か？？
参考URL： CSSで高さを固定せずli（div）を正方形にして並べる方法