.modal-dialog-resizer{
    margin: auto;
    max-width: 100%;
    width: fit-content;
}

.croppie-container {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.croppie-container .cr-boundary {
    width: 100%;
    height: auto;
    max-width: 100%;
}

.croppie-container .cr-vp-square,
.croppie-container .cr-vp-circle {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
}