How to make a block with an image and text?

Question

css

Actually, the question is how to make such a block correctly? (of course it should be adaptive).
It comes to mind to position the text blocks on the absolute, the second option is to set the background for one block, and put two text blocks there, and align them with margins .. But the question remains with the responsive ....

Answer 1

to the dm structure, I would add another wrapper for .left,.right , and add something like this to it overflow: hidden; или clear:both; и width: 100%;
and html like this

<div class="top"></div>
<div class="holder">
  <div class="left"></div>
  <div class="right"></div>
</div>