Я перетащил изображение на другое изображение с помощью cdkdrag, я хочу сохранить его как одно изображение

Question

Я использовал CDK для перетаскивания изображения на другое изображение. Я хочу сохранить это изображение как одно полное изображение.

Main Image Code

<div style="text-align: center;" id="capture">
  <img src="https://projectnursery.com/wp-content/uploads/2015/12/JCP_9031.jpg" #myImage alt="">
</div>

Изображение, которое я хочу добавить на основное изображение

<div cdkDrag [cdkDragFreeDragPosition]="dragPosition">
      <img
        src="https://lh3.googleusercontent.com/proxy/guCKapcJPic4nouOgQi0q74aGRRWcWRbzJZ2psUUO-Li0KhR8ZfQDEptpzCGk56OE1GUO98kAZV3nsxFHRSqyfyoB5uno3Prdeno0ZWwTxe0chPzdbCPA1Q"
        height="100px">
        <i class="fa fa-times" aria-hidden="true" (click)="changePosition()"></i>
      </div>
</div>