.card {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    width: var(--width);
    max-width: calc(100% - 20px - 20px);
    margin: 20px
}

.card>* {
    margin: 0
}

.card .tags {
    margin: 0
}

.card .card_image {
    flex-shrink: 0;
    width: var(--width);
    height: calc(2 / 3 * var(--width));
    max-width: 100%;
    overflow: hidden;
    box-shadow: 0 0 5px 0 #00000030
}

.card .card_image img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.card .card_title {
    font-family: "Poppins", sans-serif;
    font-weight: 500
}

.card .card_subtitle {
    margin-top: -15px;
    font-style: italic
}