how do i make a div place over another and make it responsive?

I’m trying to copy a design and I’m having trouble with one thing which is this bit right here:

i know its a div with another div containing text and another containing an image,

like so :

<div class=”container”>
<div class=”container”>text</div>
<divclass=”container”>image</div>
</div>

one thing I can try to make it responsive is to use percentages but I can’t use them on the images directly, I need a way to implement something like this and make it scaleable.