Floating image over div

Question

I am creating a website that uses CSS Sticky Footer .

At the bottom of the in beeld homepage, I want the right large image to overlap the footer a bit, so that the image floats above the gray “hills”. I try to add a negative margin to the image, but then it partially disappears under the footer.

Does anyone have an idea on how to achieve this?

thank

Answer 1

Negative margin for your "in beeld" .paragraph and

position: relative;
z-index: 100;

Answer 2

It’s better to give some opacity and then it floats perfectly.

position: relative; 
z-index: 100;
opacity: 0.50;