body {
      font-family: museo_sans300, sans-serif;
      margin: 0;
      padding: 0;
      background: #fff;
    }

    .testimonial-section {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      max-width: 1200px;
      padding: 60px 30px;
      margin: auto;
      gap: 40px;
    }

    .testimonial-image {
      {#flex: 1 1 300px;#}
      max-width: 400px;
      order: 1; /* default: image second on desktop */
    }

    .testimonial-image img {
      width: 100%;
      height: auto;
      display: block;
      border-radius: 0;
    }

    .testimonial-text {
      flex: 1 1 400px;
      max-width: 600px;
      position: relative;
      color: #534741;
      order: 1;
    }

    .testimonial-text::before {
      content: "“";
      font-size: 80px;
      color: #d66d00;
      position: absolute;
      top: -40px;
      left: -20px;
    }

    .testimonial-text::after {
      content: "”";
      font-size: 80px;
      color: #d66d00;
      position: absolute;
      bottom: -30px;
      right: 20px;
    }

    .testimonial-quote {
      font-size: 24px;
      line-height: 1.6;
      margin-bottom: 20px;
      padding-left: 20px;
    }

    .testimonial-author {
      font-size: 16px;
      padding-left: 20px;
      color: #534741;
    }

    @media (max-width: 768px) {
      .testimonial-section {
        flex-direction: column;
        text-align: center;
      }

      .testimonial-image {
        order: -1; /* show image first on mobile */
      }

      .testimonial-text::before,
      .testimonial-text::after {
        display: block;
        position: static;
        font-size: 48px;
        margin: 10px 0;
      }

      .testimonial-quote,
      .testimonial-author {
        padding-left: 0;
      }
    }