覆盖屏幕并突出显示div

Question

如下面的屏幕截图所示。

这是我的照片。

我喜欢这样的叠加点。

这是我的HTML

<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 col-xxs">
 <div class="media point top-common">
 <div class="media-left">
      <img data-holder-rendered="true" src="/assets/img/dashboard/icn-point.png" class="media-object" data-src="holder.js/64x64" alt="64x64">
 </div>
 <div class="media-body">
      <h1 class="media-heading">744</h1>
      <div class="point-label">Points</div>
 </div>
 <div class="view-more" style="background-color:transparent;">
 <div class="row">
 </div>
 </div>
 </div>