在 HTML 中，我們可以使用 CSS 來控制圖片的顯示方式。如果要將兩張圖片重疊并居中顯示，可以使用以下幾個步驟。

1. 首先，在 HTML 文件中插入兩張圖片，可以使用<img>標簽來實現。例如，我們有兩張圖片：

<img src="image1.jpg" alt="圖片1">
<img src="image2.jpg" alt="圖片2">

2. 接下來，在 CSS 中設置圖片的樣式。我們可以使用position: absolute來將圖片的位置固定在頁面上，使用top: 50%和left: 50%來將圖片居中顯示。

img {
position: absolute;
top: 50%;
left: 50%;
}

3. 然后，我們需要設置第二張圖片的層級，讓它位于第一張圖片之上。可以使用z-index屬性來實現。

img:nth-of-type(2) {
z-index: 1;
}

4. 最后，我們可以調整兩張圖片的位置和大小來達到重疊的效果。可以使用transform: translate(-50%, -50%)來將圖片向左上方移動一半的寬度和高度，使用width和height屬性來控制圖片的大小。

img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 200px;
height: 200px;
}
img:nth-of-type(2) {
z-index: 1;
transform: translate(-50%, -50%) rotate(45deg);
}

通過以上步驟，我們就可以將兩張圖片重疊并居中顯示了。