img {
    max-width: 100%; 
}
.cropper-face, .cropper-line, .cropper-point {
    opacity: .6!important;
}

.preview {
    overflow: hidden;
    width: 160px; 
    height: 160px;
    margin: 10px;
    border: 1px solid red;
}

body .gform_legacy_markup_wrapper ul li.gfield.gfield_html .cropper-view-box img {
    max-width: unset!important;
}
/* .cropper-face {
     background-clip: content-box;
    background-position-y: -30px;
    background-image: radial-gradient(#ffc107 50%, #ffffff 50% ); 
     background-position: center top; 
     background-position: 0 0, 50px 50px; 
     background-size: contain; 
} 
 .cropper-face::before {
    content: '';
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-40%, -40%);
    width: 80%;
    height: 0;
    padding-bottom: 80%;
    background: transparent;
    border: 1px dotted #000;
    border-radius: 20%;
    pointer-events: none;
    } */
    .cropper-face::before {
        content: '';
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 50%;
        height: 0;
        padding-bottom: 60%;
        background: transparent;
        border: 2px solid #f00;
        border-radius: 50%;
        pointer-events: none;
    }