Оптимальная компоновка для большого количества изображений, не оставляя промежутков между ними ⇐ CSS

[Anonymous]

Я создаю проект, используя nextjs, Tailwindcss и Typescript.

У меня есть несколько изображений разной ширины и высоты (каждое изображение представляет собой квадрат), я хочу расположить каждое изображение в сетке, не оставляя промежутков между изображениями.

Похоже на стиль тетрис.

Я пробовал каменную кладку, но безрезультатно.

Кто-нибудь может помочь с логикой макета?