Store Page - 1 item to be independently sized in grid of products

Site URL: https://www.dustin.land/prints2

Hey all!
I need your help customizing the layout of the products on my store page.

There is only the option to have every item be the same size in the grid. I want this one item (in attached photo) to span the space to be wide (I'm showcasing a panoramic photo) and not vertical like the rest of items. Because I can't make a seperate store for items on the same page, I think I may need some CSS help to make this happen.

Have a look at the attached screenshot to see what I mean. Link will show it as well.

Any help would be very much so appreciated! Thanks! 🙂

Dustin

Add to Design > Custom CSS

.products.collection-content-wrapper .list-grid .grid-item:last-child {
    grid-column: ~"1 / 4";
}