/************************* Profile  section ***************************/
:root {
    --image-height: 24rem;
    --image-width: 24rem;   
}

.profile-name-image {    
    display: flex;
    flex-direction: column;

}

.profile-image {
    height: var(--image-height);
    display: grid;
    place-content: center;
}

.profile-name {
    display: grid;
    place-content: center;
}


.display-image form input, .profile-image img {
    height: var(--image-height);
    width: var(--image-width);
    object-fit: contain;
    padding-left: 0;
}

.upload-image form input {
    width: var(--image-width);
}

.upload-image form button {
    background-color: #c6d3e0;
    color: black;
    font-size: 1.2rem;
    padding: 0.8rem 1.2rem;
}

.upload-image form button:hover {
    background-color: #758594;
}


.profile-details form label {
    display: inline-block;
    color: var(--text-color);
    font-size: 1.2rem;
}