无法跨越背景图像以完整显示

Question

无论屏幕尺寸如何，我都想要一张完整的图像。我在Photoshop中提取图像以渲染其大小（原来是4164 x 2667，因为它是一个矢量）并对其进行了一些更改。

我将图像缩小到大约1200 x 769并将其保存为PNG。但是，整个图像在我的显示器上无法正常显示 - 它似乎将其拉伸到屏幕之外并切断了大部分背景。

这是原始图片：

这里是我在jsbin上使用的代码的链接，用于尝试它：

http://jsbin.com/uyirah/2/edit

您可以看到，如果渲染代码，则图像无法完全显示。关于可能导致这种情况的任何想法？我的CSS不好吗？

另外，为了减少滞后时间，用于最终图像的尺寸是多少？