/*
 * News / event card media box.
 *
 * Cards used `aspect-w-5 aspect-h-3`, the @tailwindcss/aspect-ratio padding-bottom
 * hack, which absolutely positions and stretches its only child. The ratio is now an
 * editor setting and the crop position is per post, so both have to be inline styles.
 *
 * Native aspect-ratio leaves the image in flow, so the fill has to be stated here
 * rather than relying on `w-full h-full` surviving a purge.
 */

.gs-card-media {
    position: relative;
    display: block;
    overflow: hidden;
}

.gs-card-media > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}