如何将一个图像放在另一个图像旁边的右上方？

Question

我有两张图片，一张大图片和一张小图片。小图像必须位于大图像的右上方，而不是图像上，而是图像旁边。 现在缩放时，小图像会覆盖大图像，但它必须位于右侧顶部。

/*this is the large image*/
#afbeeldinglaptop > img{
width: 92%;
text-align: center;
max-width: 600px;
display: block;
margin: 0 auto;
}
/*this is the small image*/
.betrouwbaar{
width: 70%;
max-width: 1300px;
position: absolute;
text-align: right;
margin-top: -330px;

}
<!--This is my html-->
<div id="afbeeldinglaptop">
<img src="img/laptop.png" alt="laptop" />
<div class="betrouwbaar"><img src="img/wolkje.png" alt="wolkje" />
</div>

</div>

有人有想法吗？