.vh-team {
    &:hover {
        .vh-team__overlay {
            top: 0;
            bottom: 0;
        }
    }
  &__img {
    -webkit-mask-image: url(../img/team-shape.png);
    mask-image: url(../img/team-shape.png);
    -webkit-mask-size: 100% 100%;
    mask-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    &-is {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
  }
  &__overlay {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    bottom: -100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(
      0deg,
      rgba($bg-7, 0.9) 0%,
      rgba($bg-8, 0.9) 100%
    );
    transition: all .3s ease;
  }
}
