Portfolio size/columns in responsive view

I’ve noticed a small design setting that hopefully can be adjusted…
Portofolio when using tiles, I have 2 main items that are set 2×1 and using 4 columns display width so that these 2 are half screen width each and 1 height.
Then other portoflio’s are 1×1 underneath.

This is great on full screen and allows importance to be displayed on the 2×1 items.
However, when viewing on mobile, the portfolio items go to 100% width,
this means the 2 prominant items display full width but ‘half height’ as they are reduced in size,
all the 1×1 items become bigger as they maintain their proportions – therefore appearing twice as big as the main items!

An ideal fix I suppose would be to somehow allow the 2×1 to display full screen, then underneath to have the other 1×1 items display in 2 columns?

Do you have an idea how this can be done for mobile view, but to maintain the regular display on full screen?

Thanks