I ran into a problem trying to create an image that should take up the center of the viewport (dynamic height). I tried to implement this using an image with 100% height and a container with some padding (to exclude a header and footer with a fixed height). An approach like this usually works fine on horizontal liquid layouts, but I can't get it to work vertically. Does anyone know of a way to achieve this with just css?

Thanks in advance!