為了使兩張圖片層疊，我們需要使用CSS中的position屬性和z-index屬性。

首先，我們需要為兩張圖片創建一個容器，可以使用<div>標簽。在CSS中，我們應該為該容器設置position: relative。這將為容器創建一個新的定位上下文。

.container {
position: relative;
}

接下來，我們為每個圖像定義它們自己的CSS屬性。要使第一個圖像處于最下面，我們應該設置它的z-index為1，并將它的position屬性設置為absolute。這將使圖像相對于容器進行定位。

.image1 {
position: absolute;
z-index: 1;
}

同樣地，我們設置第二張圖像的z-index為2，并將其position屬性也設置為absolute。這將使第二張圖像位于第一張圖像的上方。

.image2 {
position: absolute;
z-index: 2;
}

最后，我們在<div>標簽中插入兩個<img>標簽，并設置它們的類名，以便它們可以繼承我們在CSS中定義的樣式。

<div class="container">
<img src="image1.jpg" class="image1">
<img src="image2.jpg" class="image2">
</div>

使用上述代碼，我們可以使兩張圖片相互重疊，從而創造出有趣的視覺效果。