/*===============  div:imagelink + img + span + /span /div =====*/
.imagelink, .imagelink img {width: 250px;height:250px;overflow: hidden; }
.imagelink {
  outline: 2px solid white; outline-offset: -15px; border:1px solid gray;
    background: white ;
  position: relative;
 
}

.imagelink img { opacity: 0.85;
 transition: 0.5s ease-out;}
.imagelink span {
  position: absolute;
  top: 150px;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  padding: 10px 20px;    margin: 0 45px;
  text-align: center;
  font-size: 24px;
  color: white;
  transition: 0.3s ease-out;
}

.imagelink:hover img { transform: scale(1.15, 1.15); opacity:1;}

.imagelink:hover span {
  opacity: 0;
}