.team {
    padding-left: var(--spacing-06);
    padding-right: var(--spacing-06);
}
.team .team__members {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: var(--spacing-06);
    row-gap: var(--spacing-16);
}
.team .team__members .team__member {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: var(--spacing-12);
}
.team .team__members .team__member .team__profilepicture img {
    border-radius: var(--border-radius);
}

.team.layout-2 {
    background: var(--background-color);
    background: linear-gradient(0deg, var(--background-color-transparent) calc(100% - 360px), var(--background-color) 100%);
}
.team.layout-2 .container {
    background-color: var(--bg-color-01);
    max-width: calc(var(--container-max-width) + 2 * var(--spacing-06));
    padding: var(--spacing-06);
    border-radius: var(--border-radius);
}
.team .container h2 {
    text-align: center;
}
@media(min-width: 425px) {
    .team .team__members .team__member {
        grid-template-columns: 120px auto;
        column-gap: var(--spacing-06);
    }
    .team .team__members .team__member .team__details h5 {
        margin-bottom: var(--spacing-06);
    }
    .team.layout-2 .container {
        background-color: var(--bg-color-01);
        max-width: calc(var(--container-max-width) + 2 * var(--spacing-12));
        padding: var(--spacing-12);
        border-radius: var(--border-radius);
    }
}
@media(min-width: 768px) {
    .team .team__members {
        grid-template-columns: 1fr 1fr;
    }
    .team .team__members .team__details p:nth-last-child(2) {
        margin-bottom: var(--spacing-08);
    }
    .team .team__members .team__details p:last-child {
        align-self: end;
        margin-bottom: 0;
    }
}