Html 有没有办法在多个单元格上覆盖图像？

Heyo，我正在尝试为一个网站实现以下图像：

我已经考虑过如何用HTML来构建它，到目前为止我已经做到了：

使用以下代码：

<div class="container">
    <div class="row">
        <div class="col-10">
            <h1>TEXT TEXT TEXT COMPANY NAME'S TEXT TEXT</h1>
        </div>

        <div class="col-2">
            <img src="..." alt="Image">
        </div>
    </div>

    <div class="row">
        <div class="col-10">
            <p>TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT</p>
        </div>
    </div>

    <div class="row">
        <input class="form-control form-control-sm subscribe-email" type="text" placeholder="Your Email">
    </div>
</div>

文本公司名称的文本文本
文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本

---

如何使图像位于两个单元格的顶部？谢谢你的帮助

只需将您的段落放在h1下的第一列10中即可。在这种情况下不需要第二排。这就是专栏的要点

<div class="container">
    <div class="row">
        <div class="col-10">
            <h1>TEXT TEXT TEXT COMPANY NAME'S TEXT TEXT</h1>
            <p>TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT</p>
        </div>

        <div class="col-2">
            <img src="..." alt="Image">
        </div>
    </div>

    <div class="row">
        <input class="form-control form-control-sm subscribe-email" type="text" placeholder="Your Email">
    </div>
</div>

文本公司名称的文本文本
文本文本文本文本文本文本文本文本文本文本文本