.big-img {
    max-height: 400px;
    /* This rule is very important, please don't ignore this */
    max-width: 50%;
}

.img-container {
    max-height: 400px;
    width: 100%;
}

    .img-container.cropper-face-pentagon .cropper-container .cropper-crop-box .cropper-face {
        /* clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%); */
        clip-path: polygon( 6.122% 52.258%,81.224% 52.258%,81.224% 67.581%,65.51% 67.581%,70.794% 83.164%,100% 83.164%,100% 100%,26.327% 100%,39.764% 81.605%,16.967% 76.777%,26.983% 63.067%,0.204% 63.067% );
    }

.img-example-preview {
    width: 100%;
    height: 400px;
    max-height: 400px;
    overflow: hidden;
    left: auto;
}

.img-example-restricter {
    min-height: 400px;
}

.optichop-container {
    min-height: 600px;
}