.card
{
    width: 8.5cm;
    height: 8.5cm;
    border: solid 1px black;
    float: left;
    margin: 2mm;
    position: relative;
    border-radius: 100%;
    text-align: center;
    break-inside: avoid;
}
.card > img {
    display: none;
    width: calc(100% - 8mm - 8mm);
    position: absolute;
    top: 0;
    left: 0;
    margin: 8mm;
}

p {
    display: none;
    position: absolute;
    margin: 2mm;
    width: 100%;
    font-family: "Trickster";
}

p.down {
    display: none;
    bottom:0;  
}

@font-face {
    font-family: "Trickster";
    src: 
      url("trickster-COLRv1.otf") format("opentype");
  }