As a total newbie with WP (and web development except for some drag and drop site builders), I am trying to rebuild my small business website in WP (I am coming from Weebly->Articulation which if I understand correctly is Laravel/PHP so it can't be imported directly into WP).

The layout I am looking for is two columns, where one column might be a picture and the column next to it might be a text paragraph with a button. When the website is visualized in mobile, these two columns should be visualized on top of each other, so it is readable.

I believe this layout is pretty standard.

I am trying to do this using Gutenberg blocks but when I add a 2 column block in Gutenberg, the width is pretty tight and the layout doesn't look nice on a wide desktop screen (the picture is too small and the text too cramped). I can't figure out how to make the two columns wider (more pixels). I have found that one could do this with a single container block (set at wide) with the two columns nested inside it but then on mobile it stays locked with the two columns next to each other.

I have also found a pattern in the twenty twenty five template that achieves the look I am after and renders correctly on mobile. But I don't want to be so dependent on a particular pattern of a particular template, so I am wondering if there is a more standard way to get the layout wider?

Sorry for the newbie question.