.hp_promo_space_multi_img .image-type-1 {
  background-size: cover;
  background-position: center;
  width: 25%;
  padding-top: 31%;
  margin: 1%;
  float: left;
  position: relative;
}

.hp_promo_space_multi_img .image-type-2 {
  background-size: cover;
  background-position: center;
  width: 44%;
  padding-top: 31%;
  margin: 1%;
  float: left;
  position: relative;
}

.hp_promo_space_multi_img .image-type-3 {
  background-size: cover;
  background-position: center;
  width: 34.5%;
  padding-top: 31%;
  margin: 1%;
  float: left;
  position: relative;
}

.hp_promo_space_multi_img .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  width: 100%;
  height: 100%;
  transition: .5s ease;
  opacity: 0;
  display: table;
}

.hp_promo_space_multi_img .overlay .text {
  width: 100%;
  color: white;
  font-size: 1.25em;
  padding: 10px;
  text-align: center;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
}

.hp_promo_space_multi_img .image-type-1:hover .overlay {
  opacity: 1;
}

.hp_promo_space_multi_img .image-type-2:hover .overlay {
  opacity: 1;
}

.hp_promo_space_multi_img .image-type-3:hover .overlay {
  opacity: 1;
}