.funpic {
    width:49%;
    padding: .5em
}

header {
     
       /* Centers the image */
      height: 300px; /* Adjust height as needed */
      
      align-items: center;
      justify-content: center;
      color: white;
      text-align: center;
      font-family: Arial, sans-serif;
      position: relative;
}

header::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5); /* semi-transparent black overlay */
      z-index: 1;
    }

    header h1 {
      position: relative;
      z-index: 2;
      font-size: 2.5em;
    }

    header p {
      position: relative;
      z-index: 2;
      font-size: 1.2em;
      margin-top: 0.5em;
    }