title: Owl Carousel, show child absolute div, over parent overflow hidden div
body: <p>I am using owl carousel 2, I am facing following problem.</p>
  
  <p>I have parent <code>div</code> with a name <code>owl-stage-outer</code>, it has <code>overflow:hidden</code> as per requirement of the carousel.</p>
  
  <p>I have another child <code>div</code> name: <code>ribbon</code> (showing 'New Arrival' and 'Big Sale') which is <code>position: absolute</code> Now the problem which I am facing, on first item of carousel, ribbon is hiding because of <code>overflow: hidden</code></p>
  
  <p><a href="http://prntscr.com/ajd4gk" rel="nofollow">reference image</a></p>
  
  <p><a href="http://202.141.243.212/fantasypartywebsite/elsa-costume.html?options=cart" rel="nofollow">Link on which I am working</a></p>
  
  <p>I have tried solution provided in this <a href="http://front-back.com/how-to-make-absolute-positioned-elements-overlap-their-overflow-hidden-parent" rel="nofollow">link</a>, but it will only work on immediate child.</p>
  
  <p>Thanks in Advance.</p>