如何使用屏幕进行图像缩放？

Question

我在这样的div中有一个图像：

<div class="row">
    <div class="text">blah</div> // width 50%
    <div class="image">
        <img src="image.jpg"> // width 80%; some margin
    </div> // width 50%
</div>

-----------------------------
|             |   _______   |
|             |  |       |  |
|     50%     |  |       |  |
|     text    |  | image |  |
|             |  |       |  |
-----------------------------

问题是图像必须是绝对的和底部：0保持比率，但文本的字体大小不会改变。所以它在大屏幕上看起来很糟糕且不可预测：

                           _______
                          |       |
--------------------------|       |------
|        50%        |     | image |     |
|        text       |     |       |     |
-----------------------------------------

有没有办法在sass中进行智能扩展工作？