Sticky image attached on top of the footer

Hi guys

I just tried to apply this to the bottom (instead of top), but I can’t make it working.
So my layout for this page has 3 grids: 1/5, 3/5 and 1/5 again. The right column/grid has a logo, a menu and another image at the bottom again.

This image “at the bottom” is my issue right now. As the footer follows below, the image always floats somewhere, but I want it to be attached just above the footer without white space. How can I achieve that? The image should always be “connected” to this 1px border-top line from the footer.

This is my footer CSS code right now:

#footer {
border-top: 1px solid #ad936e;
padding: 0px 0px 0px 0px !important;
bottom: 0 !important;
height: 70px !important;
position:absolute;
width:100%;
}

You can see what I mean in the URL inside private content.
I am super happy for any helpful tip.

EDIT: I just added vertical-align to my image class, but this does not help unfortunately:

.bild-bogen {
    bottom: 0px !important;
    vertical-align: bottom !important;
}

Thanks
Michael

• This topic was modified 5 years, 7 months ago by michaelH. Reason: Added vertical align