当包含块具有最小宽度时裁剪图像

Question

所以我有PSD模板的这一部分，看起来像这样：

但是当我将浏览器的宽度减少到1200px时，上图（.image-1）会不断下降：

当宽度为1200像素或更低时，如何裁剪右侧的图像？ 这是CSS

#blog {
    width: 100%;
    height: 667px;
    min-width: 1200px;
    background: url(../images/blog-background.png) top center no-repeat #f6f4f4;
}

#blog .container {
    width: 1136px;
    height: 667px;
    margin: 0 auto;
    position: relative;
}

#blog .container .image-1 {
    width: 806px;
    height: 570px;
    background-image: url(../images/image-1.png) ;
    position: absolute;
    top: -37px;
    left: 545px;
}