.about-team
  +flex(space-around, flex-start)
  padding: 100px 0

  .person
    width: calc(510 / 1535 * 100%)

    &.show:hover
      .image
        svg
          path
            stroke-dashoffset: 2382
            +transition(stroke-dashoffset 0.8s)

    .image
      position: relative
      img
        width: calc(100% - 30px)
        position: relative
        top: 15px
        left: 15px

      svg
        width: 100%
        position: absolute
        top: 0
        left: 0

        path
          fill: none
          stroke: $yellow
          stroke-width: 4
          stroke-miterlimit: 10
          stroke-dasharray: 2382
          stroke-dashoffset: 2382

          +transition(stroke-dashoffset 2s)

    p
      +font-bold(22px)
      font-style: italic
      margin-top: 50px
      &:before
        content: open-quote

      &:after
        content: close-quote

      &.subtext1, &.subtext2
        +font-default(18px)

      &.subtext2
        opacity: 0.5
        font-style: normal
        &:before
          display: none

        &:after
          display: none

    &:nth-child(2)
      .image
        svg
          path
            +transition-delay(0.3s)

    &.show
      .image
        svg
          path
            stroke-dashoffset: 0

    &:nth-child(2)
      .image svg path
        +animation-delay(2s)

+media-query(720px)
  .about-team
    display: block
    padding-bottom: 20px

    .person
      width: 80%
      margin: 0 auto
      max-width: 400px
      &:first-child
        margin-bottom: 40px