Position Image based on height and width of Image inside div

Position Image based on height and width of Image inside div

 Hi,
 
I  am trying to position the images, based on the image height and width inside a div.

I have a 2 column div layout, and in that Image source is dynamic. some images have bigger height and some have bigger width.

Currently I have centered the image, but based on the height and width of the image, I would like to re-position the image inside the div.
 
By default, the image should be aligned as it is now, but based on the image height and width, the image position should be re-aligned.

JSFiddle link for below code: http://jsfiddle.net/JgaDw/

How to position the image properly within the div?
 
Thanks