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