图片容器无法随文本段落自适应高度的问题求助

我最近碰到个棘手的问题：想让图片容器能跟着里面的文本段落自动调整高度，但现在文本内容一长就会溢出，容器和图片根本不会跟着拉长。我本来以为给容器加个min-height就能解决，结果完全没效果...

我的需求很明确：希望图片能自动调整高度，刚好适配文本段落的长度。我尝试给容器设置了min-height:100vh，但不管怎么调整屏幕尺寸，容器和图片都不会跟着文本的长度变化。

下面是我目前用的CSS代码：

.image-container{
  position: relative;
  min-height:100vh;
  width: 100%;
  justify-content:center;
  align-items:center;
  display:flex;
}

.truck-image{
  position: relative;
  top:50px;
  object-fit: cover;
  width:100%;
  height:100%;
}

.text-container{
  position: absolute;
  top:110px;
  left:0;
  padding-left: 100px;
  width:30%;
  color:white;
  z-index:3;
}

我原本的想法是，min-height会让容器根据屏幕和内容自动调整高度，进而带动图片一起resize，但实际完全不是这么回事。有没有大佬能帮忙看看问题出在哪？

备注：内容来源于stack exchange，提问作者adrian