title: Giving the image the same height as the text block next to it in Materialize CSS
body: <p>I'm trying to achieve this effect:</p>
  
  <p><a href="https://i.stack.imgur.com/RzkZp.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RzkZp.jpg" alt="Desktop size"></a></p>
  
  <p><a href="https://i.stack.imgur.com/qFw8f.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qFw8f.png" alt="Tablet Size"></a></p>
  
  <p><a href="https://i.stack.imgur.com/pi4KT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pi4KT.png" alt="Mobile Size"></a></p>
  
  <p>I have this now:</p>
  
  <p><a href="http://codepen.io/chainboost/pen/YWmVKE" rel="nofollow noreferrer">http://codepen.io/chainboost/pen/YWmVKE</a></p>
  
  <pre><code>    &lt;!-- Start Schilderij Home --&gt;
    &lt;div class="schilderij-home"&gt;
      &lt;div class="container"&gt;
        &lt;div class="row"&gt;
          &lt;div class="col s12 m6 left-image section"&gt;
            &lt;img src="http://www.thisiscolossal.com/wp-content/uploads/2016/03/finger-4.jpg" class="responsive-img" /&gt;
          &lt;/div&gt;&lt;!-- /col s12 m6 left-image --&gt;
          &lt;div class="col s12 m6 text-right section"&gt;
            &lt;h3&gt;Op maat gemaakt schilderij?&lt;/h3&gt;
            &lt;p&gt;
              Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
              doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
              veritatis et quasi architecto beatae vitae dicta sunt explicabo.Lorem ipsum dolor
              sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper
              mattis, pulvinar dapibus leo temporibus autem.
            &lt;/p&gt;
            &lt;div class="col s12 m6 icon-text"&gt;
              &lt;i class="medium material-icons"&gt;search&lt;/i&gt;
              &lt;h4&gt;Schilderij in opdracht&lt;/h4&gt;
            &lt;/div&gt;&lt;!-- /col s12 m6 icon-text --&gt;
            &lt;div class="col s12 m6 icon-text"&gt;
              &lt;i class="medium material-icons"&gt;search&lt;/i&gt;
              &lt;h4&gt;Schilderij in opdracht&lt;/h4&gt;
            &lt;/div&gt;&lt;!-- /col s12 m6 icon-text --&gt;          
          &lt;/div&gt;&lt;!-- /col s12 m6 text-right --&gt;
        &lt;/div&gt;&lt;!-- /row --&gt;
      &lt;/div&gt;&lt;!-- /container --&gt;
    &lt;/div&gt;&lt;!-- /schilderij-home --&gt;
  &lt;!-- End Schilderij Home --&gt;
  </code></pre>
  
  <p>What do I need to let the image know what size the right text box is and actually resize?</p>