section.title .bg {
  background: var(--teal);
  text-align: center;
  color: var(--white);
  padding-block: calc(var(--block-padding) * 2);
}
section.title .bg .img-wrapper {
  width: 100%;
  max-width: 6.875rem;
}
@container main (max-width: 64rem) {
  section.title .bg .img-wrapper {
    max-width: 3.75rem;
  }
}
section.title .bg .img-wrapper img {
  width: 100%;
  height: auto;
}
section.title .bg h1 {
  --font-size: 4.375rem;
  --line-height: 1.3;
}
@container main (max-width: 64rem) {
  section.title .bg h1 {
    --font-size: 1.875rem;
    --line-height: 2.25rem;
  }
}