/* Hero Region and images */

.region--hero {
  grid-column: content;
  container: c-hero / inline-size;

  display: grid;
  place-items: end start;
}

.region--hero > * {
  grid-column: 1 / -1;
  grid-row: 1 / -1;
  padding: 0;
}

.region--hero img {
  display: block;
  width: 100cqi;
  height: auto;
}

.region--hero .block-page-title-block {
  z-index: 2;
  padding: 1rem 2rem 1rem 1rem;
  background: rgba(255, 255, 255, 0.7);
  margin-block-end: 2rem;
}