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

.imginfo {
  position: absolute;
  top: 5%;
  bottom: 15%;
  left: 10%;
  right: 10%;
  background: rgb(37 205 182 / 80%);
  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;
}

.title {
	margin-bottom: 20px;
}