title: CSS Positioning: Set to images below and 1 image on top of the first image (jsfiddle included)
body: <p><strong>What I am trying to do:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/ra63K.png" alt="enter image description here"></p>
  
  <p><strong>What I´ve done</strong></p>
  
  <p><strong>jsfiddle:</strong>  <a href="http://jsfiddle.net/eyyo/gUuVn/1/" rel="nofollow noreferrer">http://jsfiddle.net/eyyo/gUuVn/1/</a>     </p>
  
  <pre><code>&lt;div style="left: 0; top: 0;"&gt;
      &lt;img src="images/tit_fondo1.jpg" style="position: relative ; z-index: 1;"/&gt;
      &lt;img src="images/tit_fondo2.jpg" style="position: absolute ; z-index: 1;"/&gt;
      &lt;img src="images/tit_titulo.png" style="position: relative ; z-index: 2;"/&gt;
  
  
      &lt;div style="text-align:center; margin-left: auto ;margin-right: auto ;width:80%;"&gt;
          &lt;p style="color:#755C48; font:italic 10px arial;position: relative ; z-index:
           2;"&gt;“Paragraph with a shor text of two or three lines”&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The problem with this is that the img C cant be on top of img A.</p>