/* Make sure the size of the image fits perfectly into the container */

.wrapper {
    max-width: 50%;
    width: 50%;
    display:block;
}

.wrapper button{
    background:green;
   /* display:none; */
}


.image-preview-wrapper {
    max-width: 100%;
    display: block;
    aspect-ratio: 4 / 1;
    width: 100%;

}
.image-preview-wrapper * {

    aspect-ratio: 4 / 1;
}

.wrapper  img {
    display: block;
  
    /* This rule is very important, please don't ignore this */
    max-width: 100%;
  }

  .cropper-preview {
    width: 25000px;
    height: 7500px;
}