#the_team {
    --team-gap: 30px;
    --team-image-radius: 10px;
    --team-image-aspect-ratio: 1 / 1;
    --team-image-object-position: center center;
}

#the_team .team-card .team-photo {
    display: block;
    width: calc(100% - (2 * var(--team-gap)));
    max-width: none;
    height: auto;
    aspect-ratio: var(--team-image-aspect-ratio);
    object-fit: cover;
    object-position: var(--team-image-object-position);
    margin: var(--team-gap) var(--team-gap) 0;
    border-radius: var(--team-image-radius);
}

#the_team .team-card .card-body.info {
    padding: var(--team-gap);
}

@media (max-width: 575.98px) {
    #the_team {
        --team-gap: 20px;
    }
}