/* Precisely position the header background */
#header {
  background-repeat: no-repeat;
  background-size: cover;

  /* X Y offset */
  background-position: center 50%;
}

/* Push the main content lower below the header image */
#content {
  margin-top: 260px;
}
#header::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.15);
}
#header {
  position: relative;
}