Question: I'm trying to get my image to center and fill the circle shape (without stretching the image). Currently i only have the image taking up half the circle. 
You can see my website here - <http://anglican.koru.firebrand.co.nz/>

Images will be uploaded by clients so i'm unable to have the 'background-image' in the css as it will constantly be changing.

Thanks

Answer: 
Change `height:auto` to `height: 100%;` for `.img-responsive`

```
.img-responsive {
      display: block;
      max-width: 100%;
      height: 100%;  //changed this
    }

```
Remove `max-width:100%;` from `.img-responsive` class then will get circle.