Как правильно поместить изображение в качестве фона в начальной загрузке и иметь возможность поместить содержимое поверх него?

Question

Я хочу поместить контент поверх фонового изображения, но всякий раз, когда я это делаю, контент будет отображаться внизу изображения.

Я пытался использовать z-index, но он не работал.

Это код

  <div class="container-fluid" style="padding: 0px !important">
        <div class="background-img">
            <img src="img/bg-image.png" class="img-fluid" alt="Responsive image" style="height: 100vh; width: 100%; margin:0;">
            <div class="row sub-container">
                <div class="col">
                  CONTENT HERE
                </div>
            </div>
        </div>
  </div>