.column.size-1of3:first-child {
    width: 50% !important;
}

you get this:

And if you use

.column.size-1of3 article:first-child {
    width: 50% !important;
}

you get this:

You would need to use a different structure than the columns that you are currently using.

I have looked online and I’ve come across this tutorial which uses CSS grids.

https://divisoup.com/how-to-use-css-grid-with-divis-feed-modules/

I can use the following which will add CSS grid to my post feed, but I can’t find out how to span across several cells independently?

.ds-grid-blog .et_pb_ajax_pagination_container {
display: grid;
grid-template-columns: repeat(5, 18%);
grid-column-gap: 2.5%;
}

I am trying to achieve something like this… https://www.screencast.com/t/GNJODhIG3

Thanks