.card-review{
    width: 100%;
    position: relative; 
    background-color: var(--color-cream); 
    padding: 3rem 2rem 2rem 2rem; 
    border-radius: .5rem;
}
.card-review > div:first-child{
    position: absolute; 
    top: calc(-1 * var(--size-45px));
}
.card-review > div:first-child > img{
    border:solid var(--size-4px) var(--color-brown-light);
    border-radius: 50%;
    margin: 0 auto; 
    height: var(--size-90px);
}
.review-body{
    position: relative;
    /* padding: 3.5rem; */
    padding: var(--size-56px);
    color: black; 
    font-size: var(--size-24px);
}
.review-body > a{
    font-size: var(--size-16px);
    color: var(--color-blue-dark);
}
.review-body > .review-quote-open{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 3rem;
    color: var(--color-scheme-brown-dark);
}
.review-quote-open > img{
    width: var(--size-48px) !important;
    height: auto;
}
.review-body > .review-quote-close{
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 3rem;
    color: var(--color-scheme-brown-dark);
}
.review-footer{
    display: flex;
    align-items: center; 
    justify-content: flex-end; 
    margin-top: var(--size-16px);
    color: black;
}
.review-footer > div:first-child{
    padding-right: var(--size-16px);
}
.review-footer > div:first-child > img{
    height: var(--size-45px); 
    width: auto;
    border-radius: 50%;
}
.review-footer > div:last-child > a{
    color: black;
    font-size: var(--size-18px);
    font-weight: 500;
}