Cusomize portfolio main page template

I would like to use a mix of horizontal and vertical thumbnails on my "portfolio" template landing page. I would like it to look more like a masonry grid instead of the current equal grid that Squarespace 7.1 offers. 

I would like it so each vert or hor thumbnail appears as I upload it, and not have them cropped at the same aspect ratio.

Does anyone have experience or CSS for doing this? 

Also, my current site is mimijung.com. It's built on 7.0 and I'm in the process of starting over in 7.1 with a new trial. 

Don't know if this helps...but here I used gallery section and cropped images to different sizes(4:3,16:9,3:2,5:4 and so on...) and got a similar thing...Other than that I think you gonna need to use custom CSS.

Hi, thanks for the reply! You just helped me understand that I can delete the default "grid" section that Squarespace auto generates on the main portfolio page...then add a new section/block with a blank masonry style gallery like you shared, and link each gallery image to the corresponding project url within the portfolio. This is a great work around, so thank you!

But, I still would love it if I could avoid this manual work, and just customize the design of the default section that Squarespacae creates for each new portfolio, with all of the urls auto generated. If you, or anybody has any other ideas on how to do this I'd greatly appreciate it. Thanks!

You can try using Portfolio and add this lines to Custom CSS to remove default ratio & use original image size

/* portfolio */
.grid-image {
    padding: unset !important;
    overflow: visible !important;
}
.grid-image img, .grid-image-inner-wrapper {
    position: static !important;
}