@media  (min-width: 64em) and (max-width: 90em) {
    .quote-wrapper .w-6\/12 {
        width: 75% !important; 
        line-height: 1;
    }  
}

@media (max-width: 1100px) {
  /* Force the figure to layout vertically and put image first */
  figure.quote-wrapper {
    display: flex !important;
    flex-direction: column-reverse !important;
  }

  /* Strip the absolute positioning so it drops below the image */
  figure.quote-wrapper .text-wrapper {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    height: auto !important;
    
    /* Give it a background color so the white text is readable on mobile */
    background-color: #0f172a !important; /* Adjust to match your theme */
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  /* Ensure the blockquote and author take full width on mobile */
  figure.quote-wrapper blockquote,
  figure.quote-wrapper figcaption {
    width: 100% !important;
    color: #ffffff !important; /* Ensures text stays visible */
  }
}