.simple-quote--container {
    max-width: 800px;
    margin-inline: auto;
    padding-inline: 24px
}

@media screen and (min-width: 848px) {
    .simple-quote--container {
        padding-inline: 0
    }
}

.simple-quote .quote {
    font-family: var(--visby);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    font-style: italic;
    letter-spacing: 0.48px
}

@media screen and (min-width: 992px) {
    .simple-quote .quote {
        font-size: 1.875rem;
        letter-spacing: unset
    }
}

.simple-quote .informations {
    display: flex;
    gap: 36px;
    align-items: center;
    margin-top: 52px
}

@media screen and (min-width: 992px) {
    .simple-quote .informations {
        gap: 52px
    }
}

.simple-quote .informations .name {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 180%;
    letter-spacing: 0.18px
}

.simple-quote .informations .job {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.8px
}

.simple-quote img {
    height: 96px;
    width: 96px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    flex-shrink: 0;
    padding: 12px;
    border: 1px solid white;
    outline-offset: 12px
}