在另一個圖像背景上疊加透明圖像

我使用引導程序html將一幅圖像顯示在具有其他標題和文本的另一幅圖像上。在另一個圖像背景上疊加透明圖像

我的代碼是：

.banner{min-height:500px;background-repeat:no-repeat;background-position:left bottom}.banner-wrappper{display:block;position:relative}

<div class="container-full emergency"> 
 
\t <div class="banner-wrappper"> 
 
\t \t <div class="text-overlay hidden-xs"> 
 
\t \t \t <div class="container"><div class="row"><div class="col-md-5 col-md-push-7"> 
 
\t \t \t <h2 class="heading">My Heading</h2> 
 
\t \t \t <h2 class="heading text-gray-darker">Muted Heading</h2> 
 
\t \t \t <p class="mt-2">This is a dummy text that should appear below the heading.</p> 
 
      <div class="button-kt"><a href="#">Call to Action <i class="fa fa fa-rocket" aria-hidden="true"></i> </a></div> 
 
\t \t \t </div></div></div> 
 
\t \t </div> 
 
\t \t <div class="banner" style="background-image:url(images/image.jpg) ;"> 
 
\t \t <div class="banner"><img src="images/overlay.png"></div> 
 
\t \t </div> 
 
\t </div> 
 
</div>

我已經掛的兩個圖像 -