Как поднять все картинки до самого верха чтоб не остовалось таких больших пустот и они были стык встык

Есть див с id="zzz" в нём куча картинок с одинаковой ширеной но разной высотой не получается их до конца поднять чтоб они были в стык встык. Также пробовал сделать используя inline-block результат такойже. Это конечно можно сделать при помощи JS или создать дополнительные блоки виде столбцов но это мне не подходит нужно только при помощи CSS
#zzz{
width: calc(100vw - 16px);
height: 100vh;
background: yellow;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
#zzz>img{
align-self: flex-start;
filter: brightness(00%);
display: block;
/* border: 1px red solid;*/
margin: 3px;
border-radius: 5px;
/* text-align: justify;*/
}