Как сделать такой эффект при наведении?

Два изображения. Оба с position: asolute. Вот пример - https://jsfiddle.net/Svupol/j2aqvec6/6/

Одно ровно по центру->

positon: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);

Другое ниже на 100% ->

position: absolute;
left: 50%;
top: 150%;
transform: translate(-50%, -50%);

При ховере у второго top: 50%, а у первого top: -50%