Zend certified PHP/Magento developer

How can I place the image across on all over the layer?

I want the image on the right side to be placed on the hole, in fact, like the image inside the mobile phone on the left, the hole is placed under the image.

I did the steps of creating the layer on the right mobile as the left mobile, but I don’t know what happened that resulted in this.

I’m a Flutter developer and just started learning Photoshop for content creation. So I am new to Photoshop.

First image

In addition, why did a hole appear in the right mobile phone after creating the layer, but not in the left mobile phone?

Second image