如标题所述
在同一列上面左边字段的文字行数会随后端传递的资料多寡，高度会改变，
文字字段跟图片字段宽度比例是2:1，因为储存的图片大小不一，
希望右栏图片可依照左边文字字段行数的高度，来自动等比例缩放且置中
请问该怎么写CSS来达成这个功能．
以下附上测试的程式码片段．
<div class='row'>
<div class='col-8'>
{% for item in content %}
<p>{{item}}</p>
{% endfor %}
</div>
<div class='col-4'>
<img src={% static picture %}>
</div>
</div>

只变高度吗？这样图片怎么会比例转变？不知道把width设定好60%40%可不可行，要看文字区块内容打算怎么处理，目前想到word-wrap或是flex应该都好处理。图片置中也可以用flex操作。

定好容器宽，img 用 object-fit 处理