.custom-person {
    padding: 30px 24px 40px 24px;
    background: #FAF8FF;
    border: 1px solid #F2EFFF;
    box-shadow: 0 0 10px #9F50F729;
    height: 100%;
    border-radius: var(--element-border-radius);
    display: flex;
    flex-wrap: wrap;
    gap: 15px 24px;
    align-content: flex-start;
}
.custom-person .name {
    font-size: clamp(1.2rem, 1.0rem + 1vw, 1.45rem);
    margin-bottom: 10px;
}
.custom-person img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: center center;
    border-radius: 50%;
    overflow: hidden;
}
.custom-person-contact-details {
    flex-grow: 1;
    flex-basis: 0;
    display: flex;
    flex-direction: column;
}
.custom-person-header {
    display: flex;
    justify-content: space-between;
}
.custom-person .title {
    color: var(--theme-link-color);
    margin: 0;
}
.custom-person-description {
    flex-grow: 1;
}
.custom-person .linkedin {
    width: 28px;
    height: 28px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 28 28'%3E%3Cpath d='M25.9,0H2.1C.9,0,0,.9,0,2v24c0,1.1.9,2,2.1,2h23.9c1.1,0,2.1-.9,2.1-2V2c0-1.1-.9-2-2.1-2M8.3,23.9h-4.2v-13.4h4.2v13.4ZM6.2,8.7c-1.3,0-2.4-1.1-2.4-2.4,0-1.3,1.1-2.4,2.4-2.4,1.3,0,2.4,1.1,2.4,2.4,0,0,0,0,0,0,0,1.3-1.1,2.4-2.4,2.4,0,0,0,0,0,0M23.9,23.9h-4.2v-6.5c0-1.5,0-3.5-2.2-3.5s-2.5,1.7-2.5,3.4v6.6h-4.1v-13.4h4v1.8h0c.8-1.4,2.3-2.2,3.9-2.2,4.2,0,5,2.8,5,6.4v7.3Z'/%3E%3C/svg%3E");
}
@media screen and (min-width: 768px) { 
    .custom-person {
        flex-direction: column;
    }

}
@media screen and (min-width: 1024px) { 
    .custom-person {
        flex-direction: row;
    }

}