How can I keep breadcrumbs at bottom of the screen?

Hey, I’m adding breadcrumbs to my site by making a component and copying it to all pages.

I want the breadcrumbs to stay at the bottom of the page (above the footer) no matter the viewport width. When canvas size is 2000+ px for example, the breadcrumbs component(s) I made don’t stay placed right above the footer.

What I tried:
I made the parent div flex layout and then changed the margin top for the component as auto. This didn’t work.

Brute Force Solution(?):
Display it as ‘absolute’, since I know footer height is constant, but I’d like to know what other solutions you guys can come up with.

Thank you so much!!

Here is my site Read-Only: Link
(how to share your site Read-Only link)