No es posible redimensionar el img-container con valores absolutos mientras se usa el contenedor circle.

[linksquidmx]

Al definir las propiedades width y height con valores absolutos, para cambiar el tamaño del contenedor de una imagen .img-container o agregar otra clase, mientras se utiliza el contenedor circle, sólo se aplica el ancho, pero el alto se mantiene al 100%, por lo que la imagen pierde proporción. Con el resto de contenedores si se ajustan ambos valores.

Ejemplo:

JSX:
<div className="profile-picture circle img-container"></div>

SCSS:
.profile-picture { width: 120px; height: 120px; }

Resultado: