#cropper-image {
    max-width: 100%;
}
.preview {
    border: 1px solid rgb(153, 153, 153);
    border-radius: 4px;
    margin-bottom: 0.5rem;
    background: #f5f5f5 url("/images/theme/nophoto.png") no-repeat 15px 10px;
    overflow:hidden;
}
.preview,
.preview-img {
    max-width:100%;
}
#file-photo {
    padding: 10px auto;
}

.preview-user-ava {
    border-radius:100%;
    background-position:50%;
}
.preview-user-ava,
.preview-user-ava img {
    width:160px;
    height:160px;
}
.preview-user-ava img {
    border-radius:0;
    margin:0;
}

@media (min-width: 768px) {
    .cropper-company {
        margin-left: 300px;
    }
    .cropper-user {
        margin-left: 180px;
    }
}

.ava-button__photo-upload {
    z-index: 1000;
    position: absolute;
    top:0;
    left: 0;
}

.preview-user-ava__photo {
    position: relative;
    height:160px !important;
    background-repeat:no-repeat;
    background-size: cover;
}

.preview-company-ava__photo {
    position: relative;
    width: 300px !important;
    height:205px !important;
    overflow:hidden;
    background-repeat:no-repeat;
    background-size: cover;
}

.preview-company-ava__photo .ava-button__photo-upload {
    width: 300px;
    margin-top:145px;
}

.preview-user-ava__photo .ava-button__photo-upload,
.preview-company-ava__photo .ava-button__photo-upload {
    opacity: 1 !important;
}