Portfolio grid "custom" image placement

Hi awesome Squarespace forum-reading-and-helping people.

I'm new to the game, heck some might even call me a noob. I mean, most people would actually call me a noob because I am one. Anyways - I was hoping you beautiful people could help me with something. 

I'm currently using the classic grid portfolio template (see attached pic), and I love the hover effect and copy appearing. However I'd not perse the biggest fan of how the pictures align perfectly with each other. So here is my question.

Is there a way to change the way the images align while still keeping the hover effect? I've added another screenshot of how ideally I'd like it to look.

Hope you peeps can help.

you are what's up that's for sure 🙂

one small question. after adding your brilliant code it now looks like this (see attached)

do you know if there's a way to not have any spacing between the images?

Never mind i fixed it myself inside the EDIT and then spacing.

thank you so much man

Just now, nsk2023 said:

Never mind i fixed it myself inside the EDIT and then spacing.

Just what I was going to suggest!

Can you mark my post as the solution and give it a thumbs up? Thanks!