Mouse hover isteği r10+

merhabalar iki üst üste olan ayrı resim var, mouse hover olduğunda sadece alttakinin koordinatı değişerek yukarı çıkıcak mouse çekildiğinde geri eski yerine gelecek şekilde ayarlamak istiyorum bu konuda bana yardımcı olabilecek varmı bu konuda pek bir tecrübem yok

<style>
.div1, .div2{
position:absolute;
left: istediğin konum;
top: istediğin konum;
}
.div2:hover{
top: istediğin konum - çıkacağı piksel;
}
</style>
<div class='div1'></div>
<div class='div2'></div>

https://jsfiddle.net/m90d38bw/

çok teşekkürler cevaplarınız için