.component-news-archive {
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
    list-style-type: none;
    margin: 0;
    padding-block: 4rem;
}

.component-news-archive .component-news-card:nth-child(even) {
    flex-direction: row-reverse;
}