CSS：设置元素相对于其内容的高度

Question

以上是实际图片，下面是html structre

<div class="box">
  <div class="image">
  <div class="text">

在这里，.image由于其提供者（96px或95px）而具有不同的高度。并且box的高度设置为overflow: auto;，因此不会有额外的空白区域。

但是这里出现了另一个问题，右边的text有时会变得太长并产生额外的空白区域。（text得到了边距）

解决方案似乎很丰富。对于最简单的一个，我可以将它们的高度设置为95px。但是我觉得这样做很不舒服。

有没有优雅的解决方案？

我认为根据其兄弟text或父image，我会调整box的间距，边距;或者我可以以某种方式限制text的高度。（我尝试将高度设置为100％，但它不起作用）