.testimonial {
    display: flex; height: auto;
    flex-direction: column;
}
.testimonial > .avatar {
    position: relative; z-index: 1;
    flex: 0 0 100px; width: 100px; overflow: hidden;
    margin: 0 auto -75px;
    
    border-radius: 50px;
}
.testimonial > .avatar > img {
    display: block; height: 100%; width: 100%;
    
    object-fit: cover;
    object-position: center;
}
.testimonial > .content {
    display: flex; flex: 1;
    flex-direction: column;
    align-items: center;
    row-gap: 30px;
    padding: 115px 75px 50px;
    
    background-color: #F0F0F0;
    border-radius: 10px;
    box-shadow: -10px 10px 20px rgba(0,0,0,.3);
    
    text-align: center;
    font-weight: 500;
    color: #000;
}
@media (min-width: 900px)    { .testimonial > .content { padding: 115px 75px 50px; } }
@media (max-width: 899.99px) { .testimonial > .content { padding: 115px 30px 50px; } }
.loaded .testimonial > .content {
    transition:
        background-color .2s ease-out,
        color            .2s ease-out;
}
.testimonial.swiper-slide-active > .content {
    background-color: #242424;
    color: #FFF;
}
.testimonial > .content > .testimony {
    font-size: 18px;
}
.testimonial > .content > .credits {
    margin-top: auto;
    font-size: 16px;
}