.SingleTestimonial {
  margin-top: -7rem;
  position: relative;

  .wrapper{
    background-color: var(--beige);
  }

  .SingleTestimonial--content {
    color: var(--white);
    position: relative;
    z-index: 2;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: center;
    justify-content: center;
    text-align: center;
    aspect-ratio: 2;

    .title {
      font-size: var(--h2);
      width: 75%;
    }

    .author {
    }
  }

  .background-image{
    position: absolute;
    inset: 0;
    z-index: 1;
    margin: 0 2rem;

    @media screen and (max-width: 768px){
      margin: 0 1rem;
    }


    &::after{
      content: "";
      background-color: #000;
      opacity: 0.25;
      position: absolute;
      inset: 0;
    }
  }

  @media screen and (max-width: 768px) {
    margin-top: 1rem;
  }
}