Lets say i have two a div and an image, the div has two children and it is necessary for the first child to be above the image outside of the div and the second one to be behind both the child of the div and the image outside of the div.
<>
<div>
<h1> I have to be be above the image </h1>
<h2> And i have to be behind both the image and h1 </h2>
</div>
<img src="/public/img" alt="some image that has to be behind the first child of the div"/>
</>