.imgwrap {
  position: relative;
  height: auto;
  width: auto;
}

.imginfo {
  position: absolute;
  top: 5%;
  bottom: 15%;
  left: 10%;
  right: 10%;
  background: #d12053c2;
  color: #fff;
  visibility: hidden;
  opacity: 0;

  /* transition effect. not necessary */
  transition: opacity .2s, visibility .2s;
}

.imgdetails {
	width: 100%;
	position: absolute;
	bottom: 20%;
}

.imgwrap:hover .imginfo {
  visibility: visible;
  opacity: 1;
}

.teamImg {
    border: 0px solid #ccc;
    border-radius: 50%;
}