Нету фона при налегании одного блока на другой, как исправить?

вот исходник, как это должно выглядеть skrinshoter.ru/s/060518/dZdvaQXr?a и вот как это получилось у меня skrinshoter.ru/s/060518/khaBeiKI?a специально фон выделил другим цветом, что было наглядно, при том что я делал margin еще больше, -100 делал, проблема не ушла

Соответственно сам код

.mainb6
    display: flex
    justify-content: space-around
    .person
      .photo
        z-index: 1
      .label
        background-color: black
        width: 216px
        height: 117px
        text-align: center
        margin: -30px auto
        padding: 25px 37px
        box-sizing: border-box
        z-index: 2
        font-family: Gotham, serif
        font-weight: 500
        .name
          color: #11749e
          font-size: 1.25em
          line-height: 1.2
        .profession
          color:  #000000
          font-size: 0.938em
          line-height: 1.6

КОД HTML

<div class="person">
          <div class="photo"><img src="img/Layer94.png" alt="img"></div>
          <div class="label">
            <div class="name">LADY SANSA</div>
            <div class="profession">Photographer</div>
          </div>
        </div>