.author-profile{
    display: flex;
    flex-direction: column;
    justify-content:flex-start;
    align-items: center;
    // max-width: 200px;
    // background-color: red;

    & .author-media{
        & #avatar_preview{
            border-radius: 80%;
            width:120px; 
            height:120px; 
            border:1px solid #eee; 
            background:#fff;
            // border-image: fill 0 linear-gradient(#0003, #000);
        }

        & .upload-link{
            overflow: hidden;
            width:30px; 
            height:30px; 
            border-radius: 80%;
            background: $color_blue_normal;
            color: #fff;
            position: absolute;
            margin-top: -35px;
            margin-left: 85px;
            border:2px solid #eee; 
          
            display: flex;
            flex-direction: column;
            justify-content:center;
            align-items: center;

            & #avatar-picture{
                width:100%; 
                height:100%; 
                opacity: 0;
                position: absolute;
                display: none;
            }

            &#capture-camera-image{
                margin-left: 3px;
                margin-top: -35px;
            }
        }
    }

    & .author-info{
        text-align: center;
        & h6{
            margin-top: 20px;
        }
    }
}