CSS: center and scale up or down image while preserving aspect ratio

Question

How to center and scale up or down image while preserving aspect ratio in html/css?

I have a fiddle showing my current solution, but it does not scale up the image w

Answer 1

Well, you are using fixed width for elements. try to use relative units (in %) and make max-width to 100%. I think this will work.