.ahvr-boxed-image {
  .overlay {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: rgba($ahvr-black, .75);
    transition: all .25s ease-in-out
  }
  &:hover .overlay {
    background-color: rgba($ahvr-black, .45);
  }
  .middle {
    .box-icon {
      font-size: 2.5rem;
    }
    .box-title {
      font-weight: 600;
    }
    .box-text {
      font-weight: 300;
      font-size: 1rem;
    }
  }

}

.ahvr-boxed-image.overlay-opacity {
  overflow: hidden;
  .overlay {
    opacity: 0;
  }
  &:hover .overlay {
    opacity: 1;
  }
}