保持图片宽高比并填充容器的跨浏览器解决方案求助

图片使用了object-fit: cover; aspect-ratio: 16/9;，效果很好，但当卡片宽度受限导致文本换行、整体高度改变后，图片虽保留宽高比，但高度仅为卡片的一半。

我发现height: -webkit-fill-available;能解决该问题，但找不到适用于非webkit内核浏览器的替代方案。

恳请各位给出建议？

代码示例已提供在线演示。

编辑补充：@Temani Afif 的建议解决了问题：min-height: 100%;

内容的提问来源于stack exchange，提问作者MediaFormat