背景图像剪辑大屏幕

Question

我有一个带背景图片的div。在大屏幕上，它会从底部和顶部剪掉。有没有办法解决这个问题而不扭曲图像？

.bg {
width:100%;
height:550px;
background: url(http://snorm.co/nar6336%20mar15%20v2/assets/img-dist/test.png);
background-size: cover;
background-position-x: bottom;
background-position-y: center;
}

CodePen example