ner .jumbotron .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 2;
    }

    .banner .jumbotron .container {
      position: relative;
      z-index: 3;
      padding-top: 200px; /* Adjust padding as needed to position the text correctly */
      text-align: center;
    }

    .banner .jumbotron .container h1,
    .banner .jumbotron .container p {
      color: rgba(0, 0, 0, 0.5);
      text-shadow: 