CSS中有时候需要对图片进行居中处理或者进行层叠，以下是两种常见的实现方法：

/* 图片居中处理 */
img{
display: block;
margin: 0 auto;
}
/* 图片层叠效果 */
.image-container{
position: relative;
}
.image-container img{
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.image-container .overlay{
position: absolute;
top: 0;
left: 0;
z-index: 2;
}

对于图片居中处理，我们可以通过设置图片的display属性为block并将其margin设置为0 auto来实现水平居中。该方法同样适用于其他元素的居中处理。如果需要垂直居中，可以参考flexbox布局或者使用绝对定位结合transform属性的方法来实现。

对于图片层叠效果，我们可以使用相对定位的父元素来作为容器，然后将图片设置为绝对定位，并将其z-index值设置为1。接着，在容器中添加另一个元素作为遮罩层，并将其z-index值设置为2，即可实现图片和遮罩层的层叠效果。该方法同样适用于其他元素的层叠效果。