CSS word div缩小

Question

在这种情况下，在同一行中，我左边有单词，右边有图像。问题是当我尝试调整浏览器的大小时，图像div将缩小（宽度和高度将调整得更小），但单词div不会同时缩小。 （单词div只调整宽度，但高度相同）如何正确修复？

http://codepen.io/anon/pen/ALRZGa

  <div class=container>
   <div class="word">
   <h1>Hello</h1>
   </div>

   <div class=picture>
   <figure> <img src="...">
   </div>
  </div>