.item {
  width: 25%;
  height: 100%;
  margin-top: -165px;
  background: #EBEBEB;
  transition: all 1s ease;
}

.item:hover .overlay {
  background: #999;
  opacity:0.8;
}

.overlay {
  width: 100%;
  height: 100px;
  margin-top: -100px;
  padding: 0;
  background: #000;
  opacity:0;
  transition: all 1s ease;
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  color: #fff;
  letter-spacing: 2.5px;
}


@keyframes scale {
  0%   { transform:scale(1); }
  50%   { transform:scale(1.1); }
  100% { transform:scale(1); }
}