.huge-image {
  background-image: url(../../images/lion.jpg);
  background-color: #4f575c; background-color: var(--accent-color);
  background-blend-mode: lighten; background-blend-mode: var(--filter-effect);
  background-size: cover;
  width: 100%;
  height: 0;
  padding-bottom: 80%;
  -webkit-transform: scale(1.00);
  -ms-transform: scale(1.00);
      transform: scale(1.00);
  transition: all .2s  ease-in-out;
  -o-transition: all .2s  ease-in-out;
  -moz-transition: all .2s  ease-in-out;
  -webkit-transition: all .2s  ease-in-out;
}

.huge:hover .huge-image{
  -webkit-transform: scale(1.07);
  -ms-transform: scale(1.07);
      transform: scale(1.07);
      opacity: .7;
  background-color: #4f575c; background-color: var(--dark-color);
}


.huge:hover .hugetext{
  opacity: 1;
  font-size: 50px;
}

.hugetext {
  font-size: 62px;
  font-weight: bold;
  text-align: center;
  letter-spacing: -1.5px;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  z-index: 100;
  transition: all .25s  ease-in-out;
  -o-transition: all .25s  ease-in-out;
  -moz-transition: all .25s  ease-in-out;
  -webkit-transition: all .25s  ease-in-out;
}