Photo Gallery Two Column Header Text Fails in Phone View

I can create a photo gallery with two columns. I’d like to title each column. In my case it’s a simple “Before” and “After”.

I can do this fine for PC view. I can format the text to be centered over each column.

In phone view I find the two columns lose width control and cause the row they occupy to behave as two rows. The photos themselves blow the text fit fine as two columns.

I can cheat by making images containing the words “before” and “after”, but I’d like a proper way to do this.

Do you have a gallery function that will create two columns of photos that can have column text headers that resize properly? Even better, can you do that with the added ability to click on an image, have the image go full screen, and then restore the original site view when the full screen image is clicked?

Thanks,

Ric