如何在图像上放置图标？

Question

我在 Angular2 中有一个iframe，根据透明图片的大小调整其height和width。在iframe内部指定的URL加载之前，我想显示一个微调器图标，但它隐藏在透明图像后面。如何将图标放在该图像上？

这是我的HTML代码：

<div class="wrapper" *ngIf = "showIframe" id="feedsIframe"  >
  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" class="h_iframe">
    <section class="widget" widget>
            <div class="widget-body">
             <div class="loader animated fadeIn handle" id="spinner007">
               <span class="spinner">
                 <i class="fa fa-spinner fa-spin"></i>
               </span>
             </div>
            </div>
    </section>
    <img class="ratio" src="assets/img/pictures/transparent2.png">      
      <iframe class="embed-responsive-item" scrolling="yes" frameborder="0" allowfullscreen [src]="iframeURL" allowfullscreen >        
      </iframe>
       <a (click) = "goBack()" class="button">
          <span style="color: #555;" >BACK</span>
       </a>      
  </div>
</div>