.pg-report-hero {

  padding-block: var(--pg-gap-3) 0;
}

.pg-report-hero__media {
  margin: 0;
  overflow: hidden;
  aspect-ratio: 1312 / 450;
  background: var(--pg-surface);
}

.pg-report-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pg-report-hero__media--placeholder svg {
  width: 100%;
  height: 100%;
}

@media (max-width: 40rem) {
  .pg-report-hero__media {
    aspect-ratio: 16 / 10;
  }
}