How do I make text over image to change alignment on mobile?

I have an image (using it as background) with empty space for text. It looks great on desktop but mobile view ruins it all. I saw pretty cool solution on Starbucks website today tho ... any way to make something similar on Squarespace 7.1?

I think that you could use this method, but just for mobile not desktop:

https://www.will-myers.com/articles/split-layout-design-in-squarespace-71