Как правильно сделать такое анимацию?

.sm1{
	width: 210px;
    height: 200px;
    background: url("/uploads/staff/m1.jpg") no-repeat;
    transition:all 0.3s;
}

.sm1:hover{
	width: 210px;
    height: 200px;
    background: url("/uploads/staff/m2.jpg") no-repeat;
    transition:all 0.3s;
}