.attribution { 
      font-size: 1rem; 
      text-align: center; 
      margin-top: 2rem;
    }
    .attribution a {
      color: var(--Darkblue);
      font-weight: 700;
    }
    :root{  
    --Purple: hsl(260, 100%, 95%);
    --Purple2: hsl(264, 82%, 80%);
    --Purple3: hsl(263, 55%, 52%);
    --White: hsl(0, 0%, 100%);
    --Grey1: hsl(214, 17%, 92%);
    --Grey2: hsl(0, 0%, 81%);
    --Grey3: hsl(224, 10%, 45%);
    --Grey4: hsl(217, 19%, 35%);
    --Darkblue: hsl(219, 29%, 14%);
    --Black: hsl(0, 0%, 7%);
    }
    *,
    *::after,
    *::before{
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    body{
      min-height: 100vh;
      height: auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-family: "Barlow Semi Condensed", sans-serif;
      background-color: var(--Grey1);
    }
    .container {
      display: grid;
      grid-template-columns: 280px 280px 280px 280px;
      grid-template-rows: auto auto;
      gap: 2rem;
      grid-template-areas: 
      "box-1 box-1 box-2 box-5"
      "box-3 box-4 box-4 box-5";
    }
    .testimonial{
      border-radius: 1rem;
      padding: 1.5rem;
      box-shadow: 24px 25px 91px 19px rgba(171,171,171,0.83);
      position: relative;
    }
    article{
      position: relative;
      z-index: 1;
    }
    .purple{
      background-color: var(--Purple3);
      color: var(--Purple);
    }
    .white{
      background-color: var(--White);
      color: var(--Grey4);
    }
    .grey{
      background-color: var(--Grey4);
      color: var(--White);
    }
    .black{
      background-color: var(--Darkblue);
      color: var(--Grey1);
    }
    img{
      border-radius: 50%;
      width: 2.5rem;
      margin: 1rem;
    }
    .img-1{
      border: 3px solid var(--Purple2);
    }
    .img-2{
      border: 3px solid var(--White);
    }
    .img-3{
      border: 3px solid var(--White);
    }
    .img-4{
      border: 3px solid var(--Purple3);
    }
    .img-5{
      border: 3px solid var(--White);
    }
    .entry{
      display: flex;
      flex-direction: row;
    }
    .paragraph-entry {
      font-size: 1.35rem;
      font-weight: 600;
      line-height: 1.5rem;
      margin: 0 0.9rem 1rem 1rem;
    }
    blockquote{
      font-size: 0.9rem;
      margin: 0 1rem 1rem 1rem;
    }
    h3{
      font-size: 0.9rem;
      margin-top: 1.2rem;
      font-weight: 500;
    }
    .caption p{
      font-size: 0.8rem;
    }
    .img-apostrophe{
      border-radius: 0;
      position: absolute;
      z-index: -1;
      width: 8rem;
      right: 0;
      top: 0;
      margin: 0 4rem;
    }
    @media screen and (max-width:768px) {
            .attribution { 
      font-size: 0.9rem;
      margin-top: 2rem;
    }
    .container {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-areas:
      "box-1"
      "box-2"
      "box-3"
      "box-4"
      "box-5";
     width: 338px;
    }
    .testimonial {
    width: 100%;
    height: auto;
    } 
    .img-apostrophe{
      display: none;
    }
    .purple{
     margin-top: 2rem; 
    }
    .attribution { 
      margin-bottom: 2rem;
    }
    
    }