Html 如何在.row下的两个div之间添加映像（使用bootstrap 4）

这是我的密码：

<div class="row"style="">
  <div class="panel panel-success col-sm-3" style="background-color: #d16b55; ">
    <div class="panel-body" style="height: 1000px; margin-left: 50px;overflow: hidden !important;">   
      <img class="card-img-top" src="movie_poster/sonic-the-hedgehog.jpg " alt="Card image" style="height:370px;width:100%;margin-top:15px;position: absolute;left: 50px;overflow: visible;">
    </div>
  </div>
  <div class="panel panel-success col-sm-9 " style="background-color: #ffe2db;"><div class="panel-body"></div></div>
</div>

请检查这张图片

---

我100%确定一半图像隐藏在第二个分区后面。我在删除第二个分区时可以看到它。

最后加载的图像将“在顶部”，但是如果分区的边距值为正值，则内容不应重叠。

这是一个分层问题，放置在两个分区之后效果良好。

守则：

 <div class="row"style="margin-top: 10px;">
      <div class="panel panel-success col-sm-3" style="background-color: #d16b55; ">
        <div class="panel-body" style="height: 1000px; margin-left: 50px;overflow: hidden !important;">   

        </div>
      </div>
      <div class="panel panel-success col-sm-9 " style="background-color: #ffe2db;"><div class="panel-body"></div></div>
      <img class="card-img-top col-sm-3" src="movie_poster/sonic-the-hedgehog.jpg " alt="Card image" style="height:370px;width:100%;margin-top:15px;position: absolute;left: 100px;">
    </div>

我想帮助您，但是，如果不看一些代码，我将无能为力。图像对任何人都没有帮助。请发布您的代码或类似于JSFiddle的东西。很抱歉。你现在可以看到代码了！