.avatar input[type="radio"] {
    display: none;
}

.avatar label { 
cursor: pointer; 
border-radius:14px;
width:80px;
}

.avatar label img { 
transition-duration: 0.2s;
transform-origin: 50% 50%; 
}

.avatar :checked + label {
background:#fff; 
}

.avatar :checked + label img {
transform: scale(0.9);  
z-index: -1;
}
   
.file {
    display:inline-block;
}

.file > input[type='file'] {
  display: none
}

.file > label { 
    cursor: pointer;
    outline: 0;
    user-select: none;
    margin:0;
    padding:0;
    border:none;
    background-color: transparent;  
    padding: 10px;
    background: #fff;
    border-radius: 100px;
}
  
.image-circle {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0px; 
    object-fit: cover;
    object-position: center center;
}