Помощь с css

Готовые masonry js-скрипты есть.

А в чем именно трудности? Вот, поделил на блоки

Вручную? Ну, допустим, на таблицах! Шучу.

На flexbox в CSS можно вообще любое расположение блоков сделать. Ну или просто прописать картинкам vertical-align.

https://www.google.com/search?q=css+masonry

Конкретно такое можно сделать вообще без применения чего-либо кроме обычных css стилей. Здесь две колонки, картинки накидываются в них и всё.

Вам для чего? Если это один раз сделать вручную, для конкретной страницы - то можно обойтись без всяких техник. Если же рандомные картинки должны выводиться таким образом - лучше юзать masonry-скрипты.

зы. Я вот вчера делал вывод блоков как на пинтересте (ширина колонок одинаковая), хотел через column-count порешать, типа, без единого скрипта - хрен. Миллиард статей прочитал, у всех всё так красивенько и хоть бы одна сволочь попробовала эти блоки поставить не кучкой в количестве 20 штук, а примерно так, как оно может быть в реальности: колонок у нас три, а блока контента у нас только 2 (ну допустим у нас посты можно фильтровать и мы их так отфильтровали, что их только 2 по заданнымм параметрам). И вот начинается прекрасное, потому что Firefox начинает ломать первый блок чтобы заполнить все три колонки :) Можно запретить ему ломать, сделав блоки вида inline-block, но тогда уже начинает бузить Chrome.

Убил кучу времени, в итоге решил что без скриптов никак.