web-semprace/sass/news.scss

.news-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    color: var(--clr-murrey);

    .news-card {
        position: relative;
        background-color: var(--clr-cards);
        border-radius: 1rem;
        padding: 1rem;
        .pin-img {
            width: 1rem;
            position: absolute;
            right: 1rem;
            display: none;
        } 
    }
    .pinned {
        order: -1;
    }
    .pinned .pin-img {
        display: block;
    }
    iframe.video {
        border-radius: 15px;
        aspect-ratio: 16/9;
        width: min(560px, 100%);
    }
}