article.content > header {
    margin: 10px;
    text-align: inherit;
    font-size: calc(var(--font-size)*2.5);
}

article.content > p {
    margin: 10px;
    text-align: inherit;
    font-size: calc(var(--font-size)*1.2);
}

article.content img {
    width: 320px;
    height: 214px;
    filter: sepia(45%);
    border-radius: 5%;
}

article.content figure {
    display: flex;
    flex-flow: wrap;
    padding: 5px;
    margin: auto;
    gap: 3rem;
}

article.content > figure > figcaption > h2
{
    -webkit-text-fill-color: transparent;
    background-clip: text;
    background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);
}


article.dx figure {
    flex-flow:row;
}

article.sx figure {
    flex-flow:row-reverse;
}