.quotation.contain.alternate {
     color: #ffffff;
     background: unset;
}

 .quotation {
     position: relative;
     font-weight: 800;
     padding: 10px 40px 50px 40px;
     width: 100%;
     z-index: 1;
     margin: auto;
     align-self: center;
     margin-bottom: 20px;
     background: var(--brand-aged);
     color: #fff;
}
 .quotation .quoteImage {
     position: relative;
     font-size: 1.3rem;
     font-weight: 500;
     margin: 0;
}
 .quotation .quoteImage .landing {
     line-height: 2.5rem;
}
 .quotation img.landing {
     margin: 5px 40px 25px 0;
}
 .quotation img {
     float: left;
     margin: 5px 25px 25px 0;
     border-radius: 50%;
     box-shadow:5px 5px 10px #000000;
}

.quotation:after {
     position: absolute;
     font-size: 3rem;
     line-height: 0;
     right: 30px;
     content: '\f10e';
     font-family: 'Font Awesome 5 Free';
}
 .quotation::before {
     content: '\f10d';
     font-family: 'Font Awesome 5 Free';
     font-size: 3rem;
}

.quotation .personQuoted {
     position: relative;
     font-size: 1.4rem;
     font-weight: normal;
     line-height: 1;
     margin: 0;
     padding-top: 20px;
     z-index: 1;
     font-style:italic;
}
 .quotation .personQuoted:before {
     content: "- ";
}

 img.quoteRight {
     float:right !important;
     margin: 5px 10px 25px 15px;
     box-shadow:3px 3px 10px #000000;
}


 .slick-slide .quote {
     font-size: 3rem !important;
     line-height: 3rem !important;
}
 .slick-slide .quoteAuthor {
     font-weight: bold;
     color: #000;
     margin: 20px 0 0 0;
}

 @media screen and (max-width:568px) {

  .quotation img {
         float: unset;
    }
 }