Помогите с css. Выровнять блоки один под другим без промежутков

[yaski]

Помогите с css.
Нужно разместить блоки товара на Для просмотра ссылки Войди или Зарегистрируйся сайте как Для просмотра ссылки Войди или Зарегистрируйся.
Имеются фотографии товаров разных размеров (квадратные, прямоугольные).
Нужно чтобы фото товара было одно под другим и не было вертикальных промежутков, как на Для просмотра ссылки Войди или Зарегистрируйся сайте
Сейчас это выглядит так Для просмотра ссылки Войди или Зарегистрируйся
А так должно выглядеть Для просмотра ссылки Войди или Зарегистрируйся

 

[NikroVir]

masonry?
Для просмотра ссылки Войди или Зарегистрируйся

 

[yaski]

masonry?
Для просмотра ссылки Войди или Зарегистрируйся

А на чистом css возможно такое?

 

[NikroVir]

А на чистом css возможно такое?

можно, но реализации действительно динамической сетки не встречал. только статические

 

[ultra]

вообще, masonry спорная штука, по крайней мере на сегоднящний момент, по многим параметрам и действительно качественной реализации нет даже в js версиях
вариантов на чистом css достаточно много, это - grid masonry, flex masonry, fluid masonry, css columns masonry, в общем много
гуглить так - pure css responsive masonry

более менее приличные варианты, на первый взгляд
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся

разумеется, js версии более настраиваемы и предсказуемы