在引导程序中将图像作为背景并在其之上放置内容的正确方法是什么？

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>