I'm moving the image below the div with a z-index negative, then I'm using margin-top: -150px on the DIV in order to shift it upward.
It works when my page is 100% on desktop, but as soon as I resize it, this is what I get:
(I can't post two pictures right now as I'm a new user - basically the two divs overlap the image and they end up to hide it)
Which make sense, since the image is under the div and both divs have margin-top with negative values.
So, clearly I'm doing this the wrong way.
How can I overlay the divs in order to overlap the image and keep those divs responsive when I resize the page in order to keep the image visible and not occlude it?