.testimonials {
    display: flex;
    flex-direction: column;
    margin: 0;
    align-items: stretch;
}

.testimonials-photo img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.testimonials-text {
    background-color: var(--color-primary-dark);
    height: 480px;
    width: 100%;
    margin: 0 auto;
}

.testimonials-heading {
    line-height: 5rem;
    padding-left: var(--spacing-sm);
}

.testimonials-list {
    padding: var(--spacing-sm);
    
    height: calc(100% - var(--spacing-mega));
    overflow-y: auto;
}

.testimonial-block {
    width: 100%;
    padding: var(--spacing-md) var(--spacing-sm);
    background-image: linear-gradient(var(--color-primary-light), var(--color-tertiary-light));
    color: var(--color-primary-dark);
}

.testimonial-block:not(:first-child) {
    margin-top: var(--spacing-sm);
}

.testimonial-block img {
    width: 60px;
    height: 60px;
    float: right;
    border-radius: 50%;
}



@media screen and (min-width: 624px) {

    .testimonials-list {
        width: 600px;
    }

}

@media screen and (min-width: 1224px) {

    .testimonials>* {
        width: 50%;
    }

    .testimonials {
        flex-direction: row;
    }

}