.page-wrapper {
 border: 15px solid #000000;
 border-top: 0px;
 position: relative;
 min-height: 900px;
}
.layout-container {
  background-image: url('../images/backgroundblankE.jpg'); /* New background image */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  }
    .author-name-container {
        position: absolute;
        top: 50px;
        left: 140px;
        width: 400px;
        text-align: left;
      }
      .author-name-container h1 {
        font-family: 'Times New Roman', Times, serif;
        font-variant: small-caps;
        font-size: 3.0rem;
        line-height: 1.1;
        margin: 0;
      }
      .author-name-container-2 {
        position: absolute;
        top: 103px;
        left: 177px;
        width: 400px;
        text-align: left;
      }
      .author-name-container-2 h1 {
        font-family: 'Times New Roman', Times, serif;
        font-variant: small-caps;
        font-size: 3.0rem;
        line-height: 1.1;
        margin: 0;
      }

    .author-image-container {
      position: absolute;
      top: 170px;
      left: 180px;
      width: 300px;
    }
    .author-image-container img {
      width: 100%;
    }

    .parent-wisdom-container {
      position: absolute;
      top: 550px;
      left: 120px;
      width: 490px;
      text-align: center;
      font-size: 1rem;
    }
    .parent-wisdom-container p {
      line-height: 1.3;
    }

    .about-title-container {
      position: absolute;
      top: 70px;
      left: 640px;
      text-align: center;
    }
    .about-title-container h2 {
      font-family: 'Times New Roman', Times, serif;
      font-weight: bold;
      font-variant: small-caps;
      font-size: 2rem;
      margin-bottom: 1rem;
    }

    .about-text-container {
      position: absolute;
      top: 155px;
      left: 520px;
      width: 520px;
      text-align: justify;
      font-size: 1.2em;
    }
    .about-text-container p {
      margin-bottom: 1em;
      line-height: 1.3;
    }
    .about-text-container-2 {
      position: absolute;
      top: 495px;
      left: 620px;
      width: 520px;
      text-align: justify;
      font-size: 1.2em;
    }
    .about-text-container-2 p {
      margin-bottom: 1em;
      line-height: 1.3;
    }
    em {
      font-style: italic;
    }
    
    @media (max-width: 768px) {
  /* Set solid background color for the main container on mobile */
  .layout-container {
    background-image: url('../images/mobile_background_dark.jpg');
  }
  
  /* Make the 'Go Back' button visible and position it */
  .go-back-button {
    display: inline-block;
    position: absolute;
    top: 10px; 
    left: 15px;
    z-index: 1002; /* Ensure it's above page content */
  }

  /* Make the page wrapper a flex container to enable ordering */
  .page-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 15px 30px 15px;
  }
      .author-name-container,
      .author-name-container-2,
      .author-image-container,
      .about-title-container,
      .parent-wisdom-container,
      .about-text-container,
      .about-text-container-2 {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        width: 100%;
        text-align: center !important;
        margin-bottom: 0px;
      }
      .author-name-container { order: 1; }
      .author-name-container-2 { order: 2; }
      .about-title-container { order: 3; margin-top: 15px; }
      .author-image-container { order: 4; }
      .about-text-container { order: 5; }
      .about-text-container-2 { order: 6; }
      .parent-wisdom-container { order: 7; }
      .author-name-container h1,
      .author-name-container-2 h1 {
        font-size: 2.5rem;
      }
      .about-text-container,
      .about-text-container-2 {
        text-align: justify !important;
      }
    }