Alignment responsiveness

Hello! I’m pretty sure this has a simple fix but I can’t seem to find it.

My issue is that I’m creating a section. In it, I add two columns that are set at 50% width each. in each column, is an image and under the image, a text block. On desktop resolution, I can adjust it so that text and image are the exact same width fairly easily however on a phone, if used in landscape mode, the image remains the same size (It’s uploaded as it’s exact size) but the text becomes much wider, making use of most of the space on the screen. Of course in this case, the two columns are no longer side by side because they are too big for this particular screen.

I was under the impression that setting manually the column size to 50% might contain it but it doesn’t. I can use margin and padding but the result ends up being different on different screen size. Too constricted on a big screen and slack on a standard screen.

I’ve been having similar issues elsewhere so I’m guessing I’m missing something basic but I couldn’t find exactly despite searching.

Any help appreciate and thank you for this terrific page builder!