The picture (mr bean as of now) resizes fine when the browser is shrunk horizontally but doesn't do anything if the browser is shrunk vertically. I want that picture to be kept in the center of the page always.
There's always the table-cell method https://jsbin.com/xirevixexo/edit?html,css,js,output