Template:EventCard/style.css

.event-card {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    width: 100%;
    max-width: 420px;
}

/* suppress edit link since cards are generated from cargo data */
.event-card .mw-editsection {
    display:none; 
}

/* images are wrapped within h2 so they'd be visible when using TOC links */
.event-card h2 {
    margin-top: 0;
}

span.event-card-image {
    display: block;
    width: 100%;
    aspect-ratio: 128 / 72;
    margin-bottom: 1em;
}

.event-card-image img {
    max-width: 100%;
    height: auto;
    width: auto;
}



.description {
    padding: 0 0.4em;
    flex-grow: 1;
}

.seasons {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
}


/* .event-card:has(span:target) {
    background: #f8f9fa;
    animation: ping linear 1s normal;
}
@keyframes ping { 
    0% { background-color: #f8f9fa; }
    20% { background-color: #f8f9fa; }
    100% { background-color:transparent; } 
} */