Mockup website with Javascript, Cropperjs debugging

Job ID: 30987339

Budget: $30 – $100 USD

I'am trying to make a custom mockup generator.
First, I want to select the image, then crop the image to the specified size in the modal that opens, and then I want the cropped image to appear in the empty space in the png.

In the current code, the picture is selected and the modal is opened. But when the crop button is pressed, the picture is not cropped, it is pasted in full size.

What i want:

Cropping, mocuping and final image downloading functions should be fixed.

The modal that opens should have a feature to rotate the image.
Related categories: JavaScript CSS HTML jQuery