Движение двух элементов относительно друг друга при наведении на родителя

.fon-back-one, .fon-head-one {
	transition: all 4s ease;
    -webkit-transition: 4s ease; 
    -moz-transition: 4s ease; 
    -o-transition: 4s ease;
}
.one-mode:hover .fon-back-one {
	transform: translateX(40px);
	transition: all 4s ease-out;
}
.one-mode:hover .fon-head-one {
	transform: translateX(-40px);
	transition: all 4s ease-out;
}