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

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