Formatting custom content images on Debut theme

[gwilliams]

I am using the Debut theme and looking at implementing something like this screenshot below with a main banner and then 2 small ones on the right hand side:

I am having issues aligning and styling this the same way as Banner 3 is appearing underneath the main banner image which I don't want. I want Banner 3 to appear underneath Banner 2 and aligned properly like in the screenshot:

The preview URL for my website is: https://o3cl84gx90jq5i94-37507465356.shopifypreview.com

The example layout I want can be seen here: https://www.ukpos.com/

Any help would be greatly appreciated!

[suyash1]

@gwilliams - checked your reference site, it has grouped banner 2 and 3 together, can you do that?

[gwilliams]

Ideally I want them separate as I want them to link to different URL pages.

I only have limited customisable edits (see screenshot)

[suyash1]

@gwilliams - add this css and check

.custom-content{justify-content: flex-end;}

[gwilliams]

It's a bit better but there seems to be a lot of spacing between banner 2 and 3. Is there a way to just have a little bit of spacing or enough for it to align the bottom edge of Banner 1?