I removed a frame from an image using Photoshop and now I need to figure out how to insert a different image into that frame so it appears like the new image is inside.
<>
<div className="flex justify-center items-center text-center">
<div className="z-20 relative overflow-hidden h-[640px] w-[460px] object-cover">
<Image className="w-full h-full" alt="frame picture" src="/frame.png" height={400} width={400} />
</div>
<Image
className="aspect-square object-cover absolute"
alt="moon view"
src={"/Moon.png"}
// layout="fill"
height={600}
width={600}
/>
</div>
</>
Any ideas on how to accomplish this?