Как правильно использовать transform(translateX):hover?
У вас прыжки происходят по причине того, что вы картинка выпадает из нормального потока и её размеры контейнер не учитывает. Из этого следует вывод, что как только курсор уходит из области картинки, у контейнера div.music-image исчезает псевдокласс :hover.
Короче, вот примерно  так jsfiddle.net/petroveg/L77JW/.
Или.music-image:hover > img {
     transform: translateX(-100px);
}
Или приведите код кодом.