Umbercode on "Preview Images being squished"

I only see examples of "squishing" not of "centering"?
Anyway, the squishing is done because you give the imgages both a width and a height. When both width and height are given, the browser will squish or stretch the image to fit. If you only define a width, the height will automatically be calculated retaining aspect ratio. The same applies to when you only define a height, in that case the width will be calculated maintaining aspect ratio. So you will want to remove either height or width.