Css Clip tests

HTML

<div class="container one">
    <img id="image-1" alt="" src="http://cdn.potsdamer-tc.de/content/neubau_2/2016_04_22_Richtfest-1.jpg" />
</div>

CSS

.container {
    height: 230px;
    overflow: hidden;
    position: relative;
    width: 236px;
}
.container img {
    position:absolute;
    top: 50%;
    right: 50%;
    margin-top: -50px;
    margin-right: -150px;
    display: block;
    width: 100%;
    clip: rect(20px 200px 150px 30px);
}
.one {
    background-color: yellowgreen;
}
.two {
    background-color: red;
}