header::before {
    display: none;
}

header {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;

  width: 100%;
  aspect-ratio: 1920 / 500; /* keeps image ratio */

  background-image: url(../images/bg4.jpg);
  background-size: cover; /* usually better than auto 100% */
  background-position: center center;
  background-repeat: no-repeat;
  height: unset;
  text-align: center;
}

.bottom {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;

  width: 100%;
  aspect-ratio: 1417 / 935; /* keeps image ratio */

  background-image: url(../images/bg5.jpg);
  background-size: cover; /* usually better than auto 100% */
  background-position: center center;
  background-repeat: no-repeat;
  height: unset;
  text-align: center;
}

header h1,
header h2 {
    display: none;
}

/* Mobile / Tablet */
@media (max-width: 960px) {
  header {
    aspect-ratio: auto;  /* disable ratio */
    height: 250px;       /* fixed height */

    /* Keep center, crop sides */
    background-size: cover;
    background-position: center center;
  }
}