How can we overlap two images using css style?

Question

I have a list of images in an html table and need to overlap a small icon on each image. How can we do this using z index and positioning?

Answer 1

.under {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
}

.over {
  position: absolute;
  left: 40px;
  top: 10px;
  z-index: -1;
}