Cuando hagas el hover sobre el div hijo1 que contiene la imagen dale un margin right para que empuje un poco al div hijo2, algo así:
Código HTML:
Ver original#hijo1:hover {
transform: scale(1.2);
margin-right: 2em;
}
A la imagen dale simplemente un widht del 100% para que ocupe siempre todo el contenido del div hijo1 y ya está.
PD: El efecto es algo tosco pero bueno se le puede dar alguna transicion o algo para que quede mas bonico.... :)
Suerte