#content {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 1rem;
}

.card {
    margin: 0.3rem;

    flex-basis: 30%;
    flex-grow: 1;
    flex-shrink: 1;

    padding: 1rem;

    aspect-ratio: 1.5;
    box-shadow: 0px 2px 5px 0px #00000050;
}

.card h2 {
    margin: 0;
}

.card a {
    float: left;

    /*height: 60%;*/
    aspect-ratio: 1;

    margin: 0 1rem 0.5rem 0;
}

.card img {
    height: 100%;
    max-width: 11em;
    /* margin: 5%; */

    aspect-ratio: 1;
    object-fit: cover;

    border-radius: 50%;
}