¿Por qué se utiliza dos veces la clase persona__imagen?

Nuestro código del archivo persona-imagen.css quedó como sigue:

.persona__imagen{ height: 300px; width: 300px; }

.persona__imagen--roberta { background: url("../../img/personas/roberta.jpg"); }

.persona__imagen--marcela { background: url("../../img/personas/marcela.jpg"); }

.persona__imagen--andrea { background: url("../../img/personas/andrea.jpg"); }

.persona__imagen { background-size: cover; height: 300px; background-position: center; width: 300px; background-repeat: no-repeat; border-radius: 100%; }

Hacemos una clase para determinar el espacio de las imágenes de cada persona con la clase .persona__imagen cuando la quité me volvió a aparecer en mosaico la imagen. Mi pregunta es ¿por qué se tiene que definir antes el espacio de la imagen y por qué no es suficiente con indicarlo en un principio?