.container {
	position: relative;
	width: 54px;
}

.image {
  display: block;
  height: 54px;
  width: 54px;
}

.overlay {
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 0;
	right: 0;
	height: 54px;
	width: 54px;
	opacity: 0;
	transition: .5s ease;
	background-color: #008CBA;
}

.hncontainer {
	position: relative;
}
.hnoverlay {
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	transition: .5s ease;
	background-color: #008CBA;
}

.container:hover .overlay {
  opacity: 1;
}

.hncontainer:hover .hnoverlay {
  opacity: 1;
}