title: CSS 2 DIVs in 2 Polygons overflowing
body: <p>I have created 2 Divs with CSS polygon function to be 2 triangles and build a div together. Both triangles have theyr own divs inside. When i resize the screen, i want the first upper-div overflowing the second triangle.</p>
  
  <pre><code>&lt;div class="boxes"&gt;
  &lt;div class="box box1"&gt;
      &lt;div class="info left"&gt;gute Entscheidung&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="box box2"&gt;
      &lt;div class="info right"&gt;schlechte Entscheidung&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have created a fiddle <a href="https://jsfiddle.net/46vcbw2x/5/" rel="nofollow noreferrer">https://jsfiddle.net/46vcbw2x/5/</a> where the green div should be above the yellow triangle.</p>
  
  <p>Thank you</p>