I have alignment issues

nice to see the page now – then it is much easier to give advice.
First – why do you use the image as background? – use it as image element inside that column.
Best would be to give a custom class to that flex-column with your image.

to see an interims result – that could be done:

@media only screen and (min-width: 768px) {
  .flex_column.av-cvo-a82f70a62f8490e3b0b75af0c90996f9 {
    position: absolute;
    bottom: 0
  }
}

But: i guess we can have better results if you do not use the equal height option! because in responsive case the height of those containers are too big.
So can you please give to the flex-column with that image a custom class and remove the equal height option – then i check if there is a better solution for every screen width.

See example with css code : https://webers-testseite.de/greg/

did you really read my post and followed the link i offered?

Better you insert on logo input field the original size! – or at least a file that has a min height of 90px (your header starts at 88px height)
in this case ( your logo goes right to the outer borders of the png ) only a littel padding is needed:

.logo a img {
  padding: 2% 0;
}

i guess it is because you have inserted a recalculated format (300px x 50px) that is not bigger than the min-height of your setting.
If you put in a logo img that has a height of 100px – it will be o.k. from the beginning.

then you do not have to use this:

.logo a img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding: 3px 0 
}