title: Auto-adjust image height depending on textbox
body: <p>I'm looking for a way to auto adjust an image's height depending on a textboxs size. The textbox will change in height the browser window's size (</p>
  
  <p>first, the image should match the height of the textbox
  <img src="https://i.stack.imgur.com/dpgeW.jpg" alt="first, the image should match the height of the textbox"></p>
  
  <p>As the window is resized the picture's height is adjusted
  <img src="https://i.stack.imgur.com/A7Lyf.jpg" alt="As the window is resized the picture&#39;s height is adjusted"></p>
  
  <p>This is my html and css-code so far:</p>
  
  <p>INDEX.HTML</p>
  
  <pre><code>&lt;div class="wrapper"&gt;
      &lt;img id="about" src="images/about.jpg"&gt;
      &lt;div class="textbox"&gt;
          Lorem ipsum dolor sit amet....
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>MAIN.CSS</p>
  
  <pre><code>.wrapper {
  }
  
  #about {
    float:right;
    padding-left: 25px;
  }
  
  .textbox {
    width: 50%;
  }
  </code></pre>