Jquery iMac滚动效果

我刚刚在codepen上看到了这把小提琴，非常喜欢它的效果。现在我想用各种不同的图像大小复制这个（通用的）

我没有得到不同宽度和高度之间的关系。也许你们中的一个可以解释一下

尤其是高度为613px、宽度为764px、边距为1340px的class.mac。如何将其连接到2548x2052px的原始图像大小

.mac {
  height: 613px;
  width: 764px;
  margin: 1340px auto 100px;
  background: white url("http://i.imgur.com/AyELvGR.jpg") no-repeat 0 0;
  -webkit-background-size: 764px 613px;
  background-size: 764px 613px;
  backface-visibility: hidden;
}

.mac.intro {
  position: fixed;
  width: 2548px;
  z-index:9999;
  height: 2052px;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  margin: 0;
  top: 0;
  left: 50%;
  margin-top: -300px;
  margin-left: -1274px;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}

提前谢谢