title: is this responsive css composition possible only with css?
body: <p>i have this layout.
  <a href="https://i.stack.imgur.com/a7Miq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/a7Miq.png" alt="image - what i need"></a></p>
  
  <p>I have bootstrap 3 included if needed. I'm having trouble to make this blue background div (containing text) stretch full width beneath image.</p>
  
  <p>Closest I got is making 2 (bs grid) columns, and then using flexbox first on container of columns to make them stretch to same height, and then flex on left column to make content verticaly centered. But then this blue background is only on left side, not stretching full width.</p>
  
  <p><a href="https://i.stack.imgur.com/OyIIn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OyIIn.png" alt="image - what i have"></a></p>
  
  <p>Can this be made by using css only? if I make one column and have blue bg div stretch full width, i must absolutely position image on right side - but then I don't have image's height. </p>
  
  <p>edit: here's fiddle of what i currently have:  </p>
  
  <blockquote>
    <p>   <h1>   this is previous section   </h1>
    </p>
    
    <p></p>
    
    <p></p>
  
  <pre><code>&lt;div class="row flexrow"&gt;
  
    &lt;!-- left column --&gt;
    &lt;div class="col-sm-6 flexcolumn"&gt;
  
      &lt;div class="row bluebg"&gt;
  
        &lt;h2&gt;HEADING&lt;/h2&gt;
        &lt;p&gt;lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum&lt;/p&gt;
  
      &lt;/div&gt;
  
    &lt;/div&gt;
  
    &lt;!-- right column --&gt;
    &lt;div class="col-sm-6"&gt;
      &lt;img src="https://s10.postimg.org/q9ak7h9ah/image.png" class="wow fadeIn img-responsive" data-wow-duration="0.7s"
  </code></pre>
    
    <p>data-wow-delay="0.3s">
          </p>
  
  <pre><code>&lt;/div&gt;
  &lt;!-- row --&gt;
  </code></pre>
    
    <p>   </p>
    
    <p></p>
    
    <p>   <h1>   this is next section   </h1> </p>
  </blockquote>
  
  <p><a href="https://jsfiddle.net/5461qabu/" rel="nofollow noreferrer">my fiddle - current layout</a></p>