Stopping content from getting pushed down due to overlap in Bootstrap

Question

In a previous question I was able to allow an image in one row overlap the contents below it. However, I realized that now the text and other content that is being overlapped is

Answer 1

You can add the following styles below to make it work.

CSS

.thumbnail{
    position:absolute;
    z-index:100;
  }

Demo

Answer 2

If you add the following CSS, the image should float overtop without pushing any contents down.

#overlap .thumbnail {
  position: absolute;
  z-index: 100;
}

Updated: http://www.bootply.com/120760