How can I accomplish product image tesselation on a collection page?

I am working on a limited edition products collection page. These images will be three different sizes and there will be a lot of them, which will require pagination. The image mockup below is what I am trying to accomplish. I have tried looping through the collection and appending into a column, but with the pagination ‘flex-wrap’ does not work, it just creates one column and stops when it hits the page max. Even coding this outside of Shopify is difficult because the affect is really only present when each column has images of the same width. Any suggestions, ideas, or advice would be greatly appreciated. Thanks.

yes I can do that, but there is two condition
1 images hidden from the side or top or bottom
2 images have gaps on the side or top or bottom
other wise images will be stress and looking ugly
please share your store URL so I can see preview.

I can not let you into the site without a specific account. There isn’t anything set up in there anyway. Just a blank product page. How would you accomplish this?