Html 如何将两个div相互覆盖？

我有两个div在旁边，我怎样才能让它们像下面这张图片中的那样相互重叠呢？我正在使用bootstrap

<div className="container mt-5">
        <h1 className="text-center">S.A.V</h1>
        <div className="row">
            <div className="col-md-6 col-lg-6">
                <img src="../../imgs/loading-logo.svg" alt="company" />
            </div>
            <div className="col-md-6 col-lg-6">
                <p className="text-justify">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla arcu lorem, eleifend eget pharetra sit amet, tempor ut justo. Ut nec magna magna. Morbi suscipit vulputate ante. Aenean vel libero mattis, viverra ipsum quis, mollis eros. Cras vitae purus id velit volutpat posuere vel eget elit. Quisque convallis lectus vel lacus dictum, vel eleifend risus malesuada. Donec varius ut urna a gravida. Vestibulum convallis tristique nisi et iaculis. Aenean molestie nibh gravida ante pulvinar, in imperdiet lacus ultrices. Donec nec lacus tincidunt, lacinia nibh in, convallis diam
                </p>
            </div>
        </div>
        
    </div>

S.A.V

Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一个很好的例子，它是一个很好的例子。Ut nec麦格纳麦格纳。Morbi suscipit放血。埃尼安·韦勒·马蒂斯，维韦拉·伊普苏姆·奎斯，莫利斯·厄洛斯。我们的生活是一种精英生活。这句话的意思是：“我的主旨是什么？”。孕妇不吃葡萄。前庭痉挛。妊娠前的子宫内膜异位症，存在于子宫内膜异位症中。不，不，不，不，不

---

应用于img{position:relative}和img{position:absolute}的div父对象，然后使用右上角左下角，您可以将照片定位到任何您想要的位置。。。如果照片不会定位在其他div上，请应用大于其他div的z-index的z-index值

，您可能无法使用引导类执行此操作。你试过一些自定义CSS吗？你需要给我们看看。这是一个涵盖面很广的话题。你只是想在图像栏中加入一点灰色吗？如果是这样，为什么不在图像列中粘贴一个灰色背景的伪元素呢？我们需要查看您的CSS代码。。。