.image-credit {
    color: var(--color-text-secondary);
    text-align: right;
    padding: 10px 20px;
    font-size: var(--font-size-sm);
    font-style: italic;
    max-width: 40%;
    margin-left: auto;
    overflow-wrap: break-word;
}

@media (max-width: 900px) {
    .image-credit {
            max-width: 60%;
    }
}

@media (max-width: 768px) {
    .image-credit {
            max-width: 80%;
    }
}

@media (max-width: 550px) {
    .image-credit {
        font-size: var(--font-size-xs);
            max-width: 100%;
    }
}