I'm trying to design a website for my employer and started with the landscape/desktop layout for the section in the first image, intending to convey that it's significant that both facts are present, without any particular order to them, like two sides of a coin.
I think it works satisfactorily on desktop, but when you get down to the 320px mobile width, the side-by-side arrangement would either have disgustingly small size/spacing, or be very tall, thin and unreadable.
Is there a vertical, one-on-top-of-the-other arrangement/decoration that communicates relatedness without implying hierarchy? (this one doesn't do a good job, I think., though I'd love to be proven wrong).
I would try a diagonal slash through the arrangement, but I think the coders would have a fit trying to implement that on our budget.