.RelationList__relations {
    margin: 0;
    padding: 0;
    list-style: none;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 256px), 1fr));
}

.RelationList .c-card__contentWrapper {
    position: relative;
    row-gap: 0;
    padding-block-start: var(--marginMedium);
}

.Relation__subtitle {
    font-size: var(--smallerSize);
}

@container (max-width: calc(256px * 2 + 2rem - 1px)) {
    .RelationList .c-card {
        flex-direction: row;
    }

    .RelationList .c-card__contentWrapper {
        flex: 1;
    }

    .RelationList .c-card__imageWrapper {
        flex: 0 0 30%;
    }

    .RelationList .c-card__image {
        height: 100%;
    }
}

.RelationList .c-card__image {
    aspect-ratio: 1/1;
}

.Relation__badge {
    position: absolute;
    top: -22px;
    right: 1rem;
}

.Relation__badge.--hasBackground {
    padding: 6px;
    border: 1px solid var(--primaryColor500);
    border-radius: 0 0 8px 0;
    background-color: var(--baseLight100);
}

.Relation__linkedIn::after {
    display: none !important;
}

.RelationList__relations .c-card__imageWrapper .--fallback::before {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    margin: 0;
    font-size: var(--h1Size);
    opacity: 0.1;
}