.blockquote-ssr {
  background-color: var(--gray-50, #fafafa);
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  overflow: hidden;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  position: relative
}

@media (min-width: 768px) {
  .blockquote-ssr {
    padding-top: 5rem;
    padding-bottom: 5rem
  }
}

@media (min-width: 1024px) {
  .blockquote-ssr {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 6rem;
    padding-bottom: 6rem
  }
}

.blockquote-ssr__bg-image {
    position: absolute;
    left: -17rem;
    bottom: -19rem;
  }

@media (min-width: 1024px){

.blockquote-ssr__bg-image {
      left: -14rem
  }
    }

@media (min-width: 1280px){

.blockquote-ssr__bg-image {
      left: -13rem;

      bottom: -12rem
  }
    }

.blockquote-ssr blockquote p {
      font-weight: 500;
      font-size: 1.5rem;
      line-height: 2rem;
      line-height: 2.25rem;
      margin-left: auto;
      margin-right: auto;
      max-width: 48rem;
      text-align: center;
      color: var(--gray-900, #18181b);
    }

.blockquote-ssr blockquote p::before {
        content: open-quote;
      }

.blockquote-ssr blockquote p::after {
        content: close-quote;
      }