i think the issue you're finding deals with your viewport:
<meta name="viewport" content="width=device-width" />
When this is removed your page is 'centered', for my mobile devices when i replaced your meta value with:
<meta name="viewport" content="width=750, initial-scale=1">
this appears to keep the image centered.
hope this helps
Mozilla has information related to this: