Reset button breaks cropping

Problem/Motivation

We have come across this scenario:

We have an image entity type with 8 different crop styles (that is you can specify a different crop for various image ratios). You can only click the "Reset crop" button once per image ratio. I have traced this down to the fact the `cropper-container` div is removed but, as far as I can tell, it's never added back.

<div class="cropper-container" touch-action="none" style="width: 340px; height: 309px;"><div class="cropper-wrap-box"><div class="cropper-canvas" style="width: 340px; height: 213px; transform: translateY(48px);"><img src.... /></div></div>

While the workaround for this is simply to reload the page, it's definitely not the best UX.

Steps to reproduce

TBD

Proposed resolution

TBD

Remaining tasks

TBD

User interface changes

TBD

API changes

Data model changes