如何在div块后面显示图片

Question

我有他的svg放大镜对象：

<form action="" method="get">
    <div>
        <input title="Поиск" style="margin-top: 5px;margin-left: 60px" type="text" class="_2z-tgin">
        <button class="_1PEaSbT" type="submit" style="margin-top: 3px;margin-right: 5px">
          <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="21px" height="20px" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
                            viewBox="0 0 154 148.08"
                             xmlns:xlink="http://www.w3.org/1999/xlink"
                             enable-background="new 0 0 96 96">
               <defs>
                    <style type="text/css">
                                .search {stroke: #000000;stroke-width:10.03;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:22.9256}
                                .fil0 {fill:none}
                    </style>
               </defs>
               <g id="Слой_x0020_1">
                    <metadata id="CorelCorpID_0Corel-Layer"/>
                    <g id="_1195129152">
                         <path class="fil0 search" d="M108.31 86.58c-2.19,3.69 -4.86,7.16 -8.03,10.33 -20.48,20.48 -53.69,20.48 -74.17,0 -20.48,-20.48 -20.48,-53.68 0,-74.16 20.48,-20.48 53.69,-20.49 74.17,-0.01 14,14.01 20.24,43.25 8.03,63.84z"/>
                               <line class="fil0 search" x1="101.83" y1="98.47" x2="143.49" y2= "140.12" />
                    </g>
               </g>
           </svg>
       </button>
   </div>
</form>

此外，我还有下一个下拉菜单，通过悬停在购物车上显示：

但是你可以在我的下拉菜单中看到放大镜显示。它应该落后于它，因为它是搜索栏的一部分

我能以某种方式解决这个问题吗？我试图在图像上更改svg对象，但它没有帮助。谢谢。