Html 将一个divs高度设置为另一个元素高度

我有两张卡片，一张是图像，另一张是文字。问题是，当我调整窗口大小以测试响应性时，图像下有很多卡片空间。有什么方法可以设置卡吗{ 高度：img高度+10px } 使用CSS

<div class="container">
  <div class="row">
    <div class="col-6 card">
      <div class="card-body">
        <img src="../assets/" class="card-img-top" alt="...">
      </div>
    </div>
    <div class="col-1">
    </div>
    <div class="col-5 card">
      <div class="card-body">
        <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies sem sit amet ex cursus, a dignissim dolor faucibus. Donec venenatis ut sem vel ultricies. Vestibulum vitae leo sed dolor convallis tincidunt. Integer non eleifend purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam non nulla maximus, congue leo ut, eleifend lacus. Cras a.
        </p>
      </div>
    </div>
  </div>
</div>

Lorem ipsum dolor sit amet，是一位杰出的献身者。Donec ultricies是一位多洛·福西布斯（dolor faucibus）的显贵。不要再胡闹了。生活前庭是一个舒适的前庭。整数非eleifend purus。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。无主无主，无主无主，无主无主。克拉斯a。

不要将卡片放在col类上，而是将卡片嵌套在列中，如下所示：

Lorem ipsum dolor sit amet，是一位杰出的献身者。Donec ultricies是一位多洛·福西布斯（dolor faucibus）的显贵。不要再胡闹了。生活前庭是一个舒适的前庭。整数非eleifend purus。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。无主无主，无主无主，无主无主。克拉斯a。

不要将卡片放在col类上，而是将卡片嵌套在列中，如下所示：

Lorem ipsum dolor sit amet，是一位杰出的献身者。Donec ultricies是一位多洛·福西布斯（dolor faucibus）的显贵。不要再胡闹了。生活前庭是一个舒适的前庭。整数非eleifend purus。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。无主无主，无主无主，无主无主。克拉斯a。