.banner {
  background: rgba(6, 35, 44, 0.6) var(--banner-bg) no-repeat center;
  background-size: cover;
  background-blend-mode: overlay;
  margin: 0;
  padding: 2.5rem 1rem;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  border-radius: 0 0 100% 100%/0 0 24% 24%;
}
@media (min-width: 992px) {
  .banner {
    font-size: 2.5rem;
    border-radius: 0 0 64% 64%/0 0 32% 32%;
  }
}