Задний фон закрывает заголовок

При стилизации одной из секции в Sass возникла проблема: задний фон закрывает заголовок и подзаголовок сайта. Не понимаю в чём ошибка, так как проверял код в депазитории. ( file:///C:/Users/REFRESH/OneDrive/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B8%D0%B9%20%D1%81%D1%82%D0%BE%D0%BB/uber/src/index.html или http://127.0.0.1:5500/src/ )

(Так как не было в вариантах выбора для прикрепления кода Sass, проставил CSS.)

.choise
    position: relative
    min-height: 895px
    padding: 57px 0 138px 0
    background: url('../img/bg/mobile_app.png') center (center / cover) no-repeat
    &_img
        position: relative
        display: block
        margin: 56px auto 0 auto
        z-index: 2
    &_descr
        text-align: center
        color: #222222
        font-size: 17px
        font-weight: 300
        line-height: 24px
    .black
        position: absolute
        top: 0
        left: 0
        height: 499px
        width: 100%
        background-color: #070716
        z-index: 1

    <section class="choise">
        <div class="container">
            <div class="black"></div>
            <div class="label label_white">возможности</div>
            <h2 class="title title_white">Выбор - отличная штука!</h2>
            <div class="subtitle subtitle_white">Закажите автомобиль, который подходит вам 
             по стилю и бюджету</div>
    
            <img src="img/choise/car.png" alt="uber car" class="choise_img">
            <div class="choise_descr">
                Машины на каждый день.<br>
                Лучше, быстрее и дешевле, чем такси
            </div>
        </div>
    </section>