Arkadaşın başlangıç seviyesinde olduğunu düşünürsek biraz daha açmak gerekebilir.

Arkadaşın verdiği css kodlarını kodlarınıza ekledikden sonra

<div class="div1">
<img src="arkadakiresim.png"/>
</div>


<div class="div2">
<img src="öndekiresim.png"/>
</div>

olarak div classları içine resimlerinizi img tagı ile ekleyerek olayı yapabilirsiniz.

YADA

iki div içinde BG belirleyebilirsiniz.

.div1{
position:relative;
z-index:1;
background:url("arkadaki.png") no-repeat;
width:resimgenisliği;
height:resimyuksekligi;
}


.div2{
position:relative;
z-index:2;
background:url("ondeki.png") no-repeat;
width:resimgenisliği;
height:resimyuksekligi;
}

Kolay gelsin.