title: Overlaying of two image with text on below
body: <p>I'm trying to implement an image that has an image overlayed on it. Since I need to tell that this image has a video content on it. Now from some post here I've encountered this code (pardon me I lost the link) which actually works but problem is it also overlay the text content below the images. For reference of what exactly I'm trying to achieve I have this code <a href="http://jsfiddle.net/uS7nw/266/" rel="nofollow">here</a>. I just hardcoded on what I wanted to see and here's the code anyways:</p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;div class="imageOne image"&gt;&lt;/div&gt;
  &lt;div class="imageTwo image"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Text should be below the image&lt;/div&gt;
  </code></pre>
  
  <p>I just need to fix the part where images overlaps on my text as well. Thanks!</p>