Flexbox (столбец) переполняется, когда не оборачивается в ребро (только)

Question

Я пытался сделать галерею, которая использует flexbox как таковой:

Пример изображения

Но проблема в том, что в крае оно переполняется; пока это не в Firefox, Chrome или даже Internet Explorer.

Я сделал здесь подарок, чтобы объяснить желаемый эффект: http://www.rypens.be/upload/files/photobar.gif

В результате Edge делает страницу немного шире, она просто игнорирует высоту и переполняется внизу.

Я разместил страницу в Интернете: http://cabanelf.be/nieuw/

.photos-border {
    display: flex;
    height: 60vh;
    flex-wrap: nowrap;
    flex-direction: column;
    margin-left: 16%;
}

    .photo-sidebar {
    flex: 1;
    overflow: hidden;
    object-fit: contain;
    width: 75%;
    height: auto;
}

Я плохо реализую некоторые из этих концепций? Любой совет приветствуется!