$flex: flex;
$center: center;
@mixin flex {
  display: $flex;
}
@mixin position($position) {
  position: $position;
}

.team-card {
  .img-part{
    @include flex;
    justify-content: $center;
    @include position(relative);
    z-index: 2;
  }
  .magic-team-social-icons{
    @include flex;
    a{
      @include position(relative);
      @include flex;
      justify-content: $center;
      align-items: $center;
    }
  }

  // style two =================////
  .style-two-img-part{
    @include position(relative);
    overflow: hidden;
    .img-overlay{
      @include position(absolute);
      bottom: 0;
      width: 100%;
      height: 100%;
    }
    .icon-part{
      @include position(absolute);
    }
  }
}