Show image over another image on hover

Question

I have the following code: JSFiddle

HTML:

Answer 1

Got it myself.

HTML:

CSS added:

.profile-image:hover .overlay {
  position:absolute;
  width: 48px;
  height: 48px;
  z-index: 100;
  background: transparent url('overlay_image.png') no-repeat;
  cursor: pointer;
}