Q:

Image Filling and Centering in Circle shape

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

A:

because of you added max-width to your image, that makes the image fitted to the circle width.
remove max-width and add 
max-height: 100%; // this is for fit the height of image to circle
margin-left: -50%; // this is for centering the image

to .img-responsive

