.bl-our-team
  .item
    padding-bottom: 20px
    margin-top: 100px
    text-align: center
    .wrap-image
      position: relative
      width: 100%
      height: 0
      padding-bottom: 100%
      .circle
        position: absolute
        width: 100%
        height: 100%
        background-color: $primary-color
        border-radius: 50%
        overflow: hidden
        &:before
          content: ''
          position: absolute
          width: 100%
          height: 100%
          background-color: $red-color
          border-radius: 50%
          right: 100%
          top: 100%
          @extend .ease-animated
      &:hover
        .circle
          &:before
            right: 13%
            top: 30%
      img
        position: absolute
        bottom: 0
        max-width: 100%
        left: 50%
        transform: translateX(-50%)
        max-height: 132%
        -webkit-filter: grayscale(100%)
        filter: grayscale(100%)
        @extend .ease-animated
      .bottom
        position: absolute
        bottom: 0
        width: 100%
        height: 50%
        background-image: url("../img/member-bottom.png")
        background-size: 100%
        background-repeat: no-repeat
    &:hover
      img
        -webkit-filter: grayscale(0)
        filter: grayscale(0)
    .name
      color: black
      font-weight: bold
      margin-top: 30px
      font-size: 24px

@include responsive_768
  .bl-our-team
    .item
      margin-top: 150px

@include responsive_992
  .bl-our-team
    .item
      margin-top: 150px

@include responsive_1024
  .bl-our-team
    .item
      margin-top: 150px

@include responsive_1200
  .bl-our-team
    .item
      margin-top: 150px