.pg-news-hero {
    padding-block: var(--pg-gap-8) 0;
}

.pg-news-hero__media {
    margin: 0;
    aspect-ratio: 8 / 3;
    background-color: var(--pg-surface);
    overflow: hidden;
}

@media (max-width: 60rem) {
    .pg-news-hero__media {
        aspect-ratio: 16 / 9;
    }
}