Image with Text // content layout // No Overlap on Mobile Only

[Student001]

Hello Community,

Shopify has this lovely feature, (at least on the Origin Theme) where you can slightly overlap the text container with the image container. This look great on desktop. The problem is that it does the same for mobile use. As as result, the text container is narrowed down, making it look unnaturel. 

the question is therefore if we can have a CSS code that forces to NOT overlap when on mobile use, but continue to overlap op desktop. 

Thank you in advance. I am using a free theme, called Origin, Version 13.0.1.

Best regards,

[Student001]

Thank you in advance. What would be needed to change/add in order to make it work?