CMS Gallery Custom Layout Grid - Multi image field

Yeah, ended up using custom code. Found this youtube video and just edited the code, in a very inefficient way im sure lol.

Code he used: .collection-item-2:nth-child(3n+1) {flex: 0 100%;}

I edited, by guessing basically, and created the below.

.collection-item-4:nth-child(1n) {flex: 0 50%;}
.collection-item-4:nth-child(2n) {flex: 0 50%;}
.collection-item-4:nth-child(3n) {flex: 0 50%;}
.collection-item-4:nth-child(4n) {flex: 0 25%;}
.collection-item-4:nth-child(5n) {flex: 0 25%;}
.collection-item-4:nth-child(6n) {flex: 0 70%;}
.collection-item-4:nth-child(7n) {flex: 0 30%;}

Had to rewrite the next set so that it would repeat this pattern. There’s gotta be a better way to write this!