[Drag & drop] Improve images preview

[dagdzi]

We want to improve the image preview (especially for large images) so that they do not cover the content during using drag and drop feature.

We have chosen the following approach: Image preview cannot be bigger than 50% of editor area.
The preview is smaller when the image is bigger than 50% of editor area, and the user drags the image by clicking on it.

In the Balloon block editor, when the user uses the drag handle to drag an image, the preview is the same size as the image size.

Figma prototype (click on the image to see the preview).

---

If you'd like to see this improvement implemented, add a 👍 reaction to this post.

[Witoso]

Image preview cannot be bigger than 50% of editor area.

@dagdzi do I understand correctly that if it's bigger than 50%, we resize the width of the image in preview to 50% of the editor's width.

[dagdzi]

@Witoso Yes, that's correct.

[pszczesniak]

Will be solved by #14968 (native browser solution was chosen).