.default-page-header {
  position: relative;
  height: $default-hero-height;

  &__background img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    object-fit: cover;
  }

  @include md {
    height: $default-hero-height-tablet;
  }

  @include sm {
    height: $default-hero-height-mobile;
  }

  &__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
  }
}