如何制作容器秤并将内容物粘在容器底部？

Question

如果屏幕变小并且内容贴在容器底部，如何制作容器秤？

容器底部的内容高度必须灵活。

这是我在jsfiddle中的尝试：https://jsfiddle.net/ivanur/w36p6pf0/1/。 jsfiddle中的问题是容器在屏幕变小时不会缩放，并且应该按比例缩放（按高度和宽度）。

    .grid {
  width: 100%;
}
.container {
  background: url("https://placeholdit.imgix.net/~text?txtsize=33&txt=350%C3%97150&w=350&h=150") no-repeat;
  position: relative;
  height: 150px;
}
.content {    
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;      
    border: 1px solid red;
}

    <div class="grid">
<div class="container">
    <div class="content">Lorem ipsum dolor sit amet, consectetur adipiscing.</div>
</div>
</div>

Thanxs。