header.hero {
  position: relative;
  background: url("../images/hero-wesley.jpg") center center / cover no-repeat;
  aspect-ratio: 16 / 9;
  width: 100%;
  overflow: hidden;
}

header.hero .container {
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  text-align: center;
  z-index: 2;
}