CSS-手机奇数“放大”背景图片

Question

我发布了我的网站，并注意到移动用户中的“与我联系”背景图片放大了太多。在PC上看起来不错，但在移动界面上则是另外一回事了。

Website

Zoomed in background

CSS：

#contact{
background: url('../img/contactBg.jpg');
background-size: cover;
background-attachment: fixed;
background-position:left;
padding-top: 20px;
padding-bottom: 20px;
}

@media(max-width: 1024px) {
      #contact{
        background-position: 45%;
        background-size: cover;
      } 
}