.banner {
  min-height: 260px;
  background-image: url("images/banner.jpg");
  background-size: cover;
  background-position: center;
  display: grid;
  place-items: center;
}

.banner-overlay {
  width: min(900px, 92%);
  padding: 22px 18px;
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  text-align: center;
}

.banner-overlay h1 {
  margin: 0 0 8px 0;
  font-size: clamp(1.8rem, 4vw, 3rem);
}

.banner-overlay p {
  margin: 0;
  font-size: clamp(1rem, 2vw, 1.25rem);
}