A section with two columns in a container and a double background?

Question

css

Codepen I
often come across such sections. I usually typeset as in the example. But the solution with negative position hurts the eye.
If the layout is rubber, then there are no questions, two pseudo-elements of 50% for the wrapper and you're done.
When you need adaptability, you have to pervert like this, because you need to stretch the background according to the height of the column on the mob. devices.
Are there more elegant techniques or maybe on flexbox?

Answer 1

also thought about it. IMHO you have the most normal implementation in the example.

Answer 2

Like this?
codepen.io/Zamchenco/pen/zZZpQQ?editors=1100

Answer 3

I do the same, I don't see any other normal way.