Well that opened up the minefield of css masonry layout…
if you don’t mind vertical ordering
item 0 item 3 item 6
item 1 item 4 item 7
item 2 item 5
then the same approach with this…
.anvil-role-3-cols>div {
column-count: 3;
-webkit-column-count: 3;
column-gap: 3%;
-webkit-column-gap: 3%;
}
.anvil-role-3-cols>div>div {
break-inside: avoid;
-webkit-column-break-inside: avoid;
display: inline-block;
width: 100%;
}