colour_overlay_on_hover.css

/*Image Overlay on Hover*/
.image-overlay{
  position: relative;
  cursor: pointer;
}
.text-colour a{
  color:black;
}
.image-overlay:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:#c0d142 url(img) no-repeat 50% 50%;
  -moz-transition: background .3s linear;
  -webkit-transition: background .3s linear;
  -o-transition: background .3s linear;
  transition: background .3s linear;
	opacity:0;
  -webkit-border-radius:50%;
  }

.image-overlay:hover:after{
  opacity:0.8;
  color: #c0d142;
}
.text-colour a:hover{
  color: #c0d142;
}
.zoom {
  padding: 0px;
  background-color: green;
  transition: transform .2s; /* Animation */
  width: auto;
  height: auto;
  margin: 0 auto;
}