.testimonials-container {
  border-radius: 100px;
  background-color: $light_green;
  padding: 80px 0;

  .testimonials {

    .testimonial {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 30px;

      padding: 30px;
      border-radius: 80px;
      border: 3px solid $light_green;
      background: $white;
      box-shadow: $box-shadow-standard;
      height: auto;
      flex-shrink: 0;

      @media (min-width: $breakpoint_lg) {
        flex-direction: row;
        padding: 40px;
      }


      .testimonial-image {
        // width, height & border-radius all -39% from original (desktop) value
        height: 200px;
        width: 173px;
        border-radius: 30.5px; 

        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
        flex-shrink: 0;

        @media (min-width: $breakpoint_lg) {
          height: 328px;
          width: 283px;
          border-radius: 50px;
        }
      }

      .testimonial-text {
        display: flex;
        flex-direction: column;
        gap: 20px;
        white-space: wrap;
        overflow: auto;
      }
    }
  }
}