JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box photo col2 normaloffer"></div>
<div class="box photo col2 normaloffer overlap"></div>
<div class="box photo col2 normaloffer"></div>

CSS

.box {
  height:200px;
  margin: 5px;
  padding: 5px;
  font-size: 11px;
  line-height: 1.4em;
  float: left;
  border:1px solid #DFDFDF;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.normaloffer {
    background: #D8D5D2;
}

.col2 { width: 180px; }

.overlap {
    position:relative;
}

.overlap:after {
    content:' ';
    position:absolute;
    top:0;
    left:60px;
    width:60px;
    height:60px;
    background:url("http://placekitten.com/60/60") no-repeat center center red;
}