body{
  background: #;
}
.members{
    min-height: 100px;
    display: flex;
    justify-content: center;   
    align-items: center;
}
/*
.member + .member img => for
*/
.member{
  margin-right: 20px;
   width: 300px;
  height: 200px;
  border: 2px solid #fff;
  position:relative;
}

.member img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.overlay{
  position:absolute;
  top:0;
  bottom:0;
  right: 0;
  left: 0;
  width:100%;
  height: 100%;
  background: #008CBA;
  opacity: 0;
  transition:1s;
}
.member:hover .overlay{
  opacity:0.9;
}
.member h3{
  color: #fff;
  font-size:2rem;
  position: absolute;
  left:24%;
  top:30%;
}
.member .icons{
  color: #fff;
  font-size:2rem;
  position: absolute;
  left:24%;
  top:50%;
  cursor: pointer;
}