.preview
    {
        padding: 10px;
        position: relative;
    }
    .preview i
    {
        color: white;
        font-size: 35px;
        transform: translate(50px,130px);
    }
    .preview-img
    {
        border-radius: 100%;
        box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.7);
    }
    .browse-button
    {
        width: 200px;
        height: 200px;
        border-radius: 100%;
        position: absolute; 
        top: 10px;
        left: 126px;
        background: linear-gradient(180deg, transparent, black);
        opacity: 0;
        transition: 0.3s ease;
    }
    .browse-button:hover
    {
        opacity: 1;
    }
    .browse-input
    {
        width: 200px;
        height: 200px;
        border-radius: 100%;
        transform: translate(-1px,-26px);
        opacity: 0;
    }

    .browse_input_list
    {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        transform: translate(-1px,-26px);
        opacity: 0;
    }

    .browse_input_more
    {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        transform: translate(-1px,-26px);
        opacity: 0;
    }