如何将图片放在另一个图像的顶部，引导程序

Question

我正在尝试在引导程序中将两个图像叠加在一起这样的数字：

所以我使用了以下内容：

Html代码是：

<div class="thumb">
 <img src="images/paner1.png" class="img-thumbnail none_border"  width="1650" >
 <div class="collection">
    <img src="images/logo.png"  width="226px"  />

 </div>

Css代码是：

.collection{
position: absolute;
top:0;
left: 0;}

.thumb{
position: relative;
border: none;}

但问题是图像徽标当您最小化屏幕移动到错误的位置并且与屏幕处于最大测量值时的真实位置完全不同时...

那么如何在屏幕的所有情况下都能以原始状态制作两张图像？！