To fix the device independent centering

Brian tweaked the xml and transform code to center the image in parent
and change the matrix coordinates.
This works for tablets (nexus 7)
However for phone devices like  (Samsung Galaxy 3) it needs further
tweaking to constrain the image within the view port.

Also changed the rotation to 360 xyz rotation