title: Creating responsive div on text content with no Bootstrap
body: <p>I am trying to create responsive div with image, text and spacing between divs.
  I had divs with spacing and text but they wouldn't resize on more text.
  I am trying to achive something like this.
  <a href="https://i.stack.imgur.com/JsRg9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JsRg9.png" alt="enter image description here"></a></p>
  
  <p>This one is with more text in some of the divs and every other div resizes as well.
  <a href="https://i.stack.imgur.com/dhw3U.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dhw3U.png" alt="enter image description here"></a></p>
  
  <p>Here is what i got:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.img{
   width:300px;
   height:100%;
  }
  .image { 
  
     position: relative; 
     width: 100%; /* for IE 6 */
  }
  
  h3{
     background-color: rgba(0, 0, 0, 0.5);
  
     position: absolute; 
     top: 105px;
     left: 0; 
     width: 300px; 
     color:white;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="image"&gt;
  
        &lt;img src="http://i.imgur.com/VCsr2MH.png" alt="" class="img" /&gt;
        
        &lt;h3&gt;A Movie in the Park:&lt;br /&gt;Kung Fu Panda&lt;/h2&gt;
  
  &lt;/div&gt;
  &lt;div class="image"&gt;
  
        &lt;img src="http://i.imgur.com/VCsr2MH.png" alt="" class="img" /&gt;
        
        &lt;h3&gt;A Movie in the Park:&lt;br /&gt;Kung Fu Panda&lt;/h2&gt;
  
  &lt;/div&gt;
  &lt;div class="image"&gt;
  
        &lt;img src="http://i.imgur.com/VCsr2MH.png" alt="" class="img" /&gt;
        
        &lt;h3&gt;sadasdsadsadsadsadsadasdasdsadsadsadsadas&lt;/h2&gt;
  
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>i need div to resize to amount of text and covers bottom part of it.
  Currently i am breaking text with &lt; br >   which is not how i am aiming to do it.</p>