Testimonial Grid Site Using Grids and Flexboxes

Set the position: relative; and isolation: isolate; on first card and add that quotation mark on the pseudo element as shown in code below:

.card:nth-of-type(1) {
      grid-area: card-1;
      background-color: hsl(var(--moderate-violet));
      isolation: isolate;
      position: relative;
}

.card:nth-of-type(1)::before {
      content: url("./images/bg-pattern-quotation.svg");

      position: absolute;
      top: 0;
      right: 8%; /* Adjust this according to your preferences. */
      z-index: -1;
}