Superposer une image sur une div

Bonjour,

Bonjour,

Je recherche à construire en HTML/CSS cette maquette. Malheuresement, je bloque au niveau de la superposition de l'image sur la section tout en prenant en compte le responsive bien évidemment.

Lien de l'image: https://i.ibb.co/9s5ngqH/schema.png

Ce que je fais

Pour le moment je fais un margin-top. Mais en responsive cela ne fonctionne pas bien. Je me demande si c'est ma structure html qui n'est pas bonne ou bien la méthodologie en CSS.

<div class="section">
    <div class="container">
        <p>texte</p>
    </div>
</section>
<div class="image">
    <img src="..." />
</div>