在CSS中，您可以使用position屬性來使圖片重疊在一起，以下是一些示例代碼，展示了如何實現圖片重疊：

1、使用***定位：

<div style="position: relative;">
    <img style="position: absolute; top: 0; left: 0;" src="image1.png" />
    <img style="position: absolute; top: 50px; left: 50px;" src="image2.png" />
</div>

在這個示例中，image1.png將位于容器的左上角，而image2.png將位于容器的中心，您可以根據需要調整top和left屬性來定位圖片。

2、使用疊加定位：

<div style="position: relative;">
    <img style="position: absolute; top: 0; left: 0;" src="image1.png" />
    <img style="position: absolute; top: 0; left: 0; z-index: 1;" src="image2.png" />
</div>

在這個示例中，image2.png將疊加在image1.png上面。z-index屬性用于控制圖片的堆疊順序，數值越大，圖片越在上面。

3、使用CSS Grid：

<div style="display: grid; grid-template-columns: 1fr 1fr;">
    <img src="image1.png" />
    <img src="image2.png" />
</div>

在這個示例中，圖片將平均分布在容器中，您可以根據需要調整grid-template-columns來更改圖片的布局。

這些示例展示了在CSS中如何使圖片重疊在一起，您可以根據自己的需求選擇適合的方法。