如何调整地图图像的大小以使其不会失真？

Question

所以目前我正在导入这个墨卡托项目，它在我的电脑中保存为593 x 479 png图像，看起来像这样：

我正在导入图像：

.container img {
	max-width:100%;
	height:auto;
}

然而，当我得到我的输出时，图像会因为它被拉伸而扭曲：

我做错了什么？