#page_header {
  position: relative;
  --color: var(--color-background);
  margin-bottom: var(--page-padding-top);
  aspect-ratio: var(--header-aspect-ratio);
}
#page_header.full-height {
  height: 100dvh;
}

.page_header_image {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

#page_header_title_wrapper {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 100%;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
#page_header_title {
  color: var(--color);
  text-align: center;
  padding-right: calc(var(--site-padding-sides) * 4);
  padding-left: calc(var(--site-padding-sides) * 4);
}