.staff-grid{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: 1rem;
}
.staff-card{
    background-color: #121212;
    border-radius: 1rem;
    padding: 1rem;
    box-shadow: 0 0 1rem #000000;
}
.staff-image > img{
    width: 100%;
    border-radius: 1rem;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.staff-details {
    margin-top: 1rem;
    text-align: center;
}
.staff-details > .staff-name {
    margin: 0;
    font-size: 1rem;
}

.staff-tasks > span{
    color: #cbcbcb;
    font-size: .8rem;
    padding: .2rem .5rem;
    border-radius: 1rem;
    background-color: #1f1f1f;
    margin-top: .25rem; 
    display: inline-block;
}
.staff-tasks > span:nth-child(1){
    background-color: #383838;
}
.staff-tasks {
    text-align: center;
    user-select: none;
    /* display: grid;
    grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr)); */
}