Сетка каменной кладки CSS с динамической шириной строк ⇐ CSS

[Anonymous]

Я пытаюсь создать галерею изображений в виде каменной сетки. Изображения зацикливаются из массива, и я хочу сделать более широкие изображения, чтобы они расширялись в обоих столбцах сетки.

Вот чего хотелось бы добиться:
результат, которого я хочу достичь
На самом деле я использую попутный ветер для упрощения, но для завершения я могу добавить собственный CSS.

Код: Выделить всё

теперь есть версия только со столбцами, и я узнал о других вариантах сетки, например:

Код: Выделить всё

.grid {
display: grid;
grid-template-columns: 2, 1fr);
grid-template-rows: masonry;
grid-auto-flow: dense;
/* align-tracks: stretch; */
}

но я не могу найти способ динамического изменения столбцов только для более широких изображений, охватывающих 2 столбца

Подробнее здесь: https://stackoverflow.com/questions/793 ... rows-width