I need to center crop the image without stretching the image to fit the container. I did it like below. It crops the bottom height only to fit the container when image height is larger but when it is of less height it doesn't fit the container. How can I center crop the image and fit to the container of giver size? 

```
 <div class="imagecontainer">
        <img class="full-width" src="../images/123.jpg" />                                               </div>

css:
.imagecontainer {
background: #dbdbdb;
max-height: 166px;
min-height: 166px;
text-align: center;
overflow: hidden;
}

.full-width {
width: 100%;
}

```