为什么我的一些图像网格显示空白？

Question

我的网格中有一些空白区域，我不确定为什么会这样。我试图让每列中的图像数量相等，也试图让列交替。

.column img {
    vertical-align: middle;
    width: 100%;
    margin-top: 0;
}

.row {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;

}

.column {
    flex: 50%;
    max-width: 50%;

}