The Image cropper container is not responsive on mobile

[AndreeaCristinaRadacina]

Description

While working on a ticket, I noticed a client was using some classes to display/hide inputs on mobile. After testing further, the conclusion was that the image cropper doesn't appear well on mobile because of the boundary.

Ref - https://secure.helpscout.net/conversation/2436101990/394831/

Step-by-step reproduction instructions

1. Go to the meta groups
2. Add a new group
3. Insert an image cropper
4. Enable Boundary
5. Add some boundary values: 350,700
6. Attach it to a product
7. Go on the page
8. Switch to the mobile view/test from a mobile
9. Upload a file
10. Test how it looks on mobile

Screenshots, screen recording, code snippet or Help Scout ticket

Environment info

No response

Is the issue you are reporting a regression

No

[Soare-Robert-Daniel]

One thing we can do is disable the width if it does not fit, but the feature will look half-broken compared to its settings:

This means we also need to make modifications to re-scale the original values to make them fit completely.