.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; }
} */