.news-container {
    display: flex;
    align-items: flex-start;
    gap: 66.667px;
    align-self: stretch;
}

.news-article {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 44.444px;
    flex: 1 0 0;
}


.news-image-container {
    position: relative;
}

.news-image-container img {
    max-width: 100%;
    height: auto;
}

.news-content-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 17.778px;
    align-self: stretch;
}
.news-categories {
    display: inline-flex;
    align-items: flex-start;
    gap: 8.889px;
    position: absolute;
    bottom: 5%;
}

.news-category {
    border-radius: 38.889px;
    background: rgba(0, 0, 0, 0.53);
    backdrop-filter: blur(1.9999998807907104px);
    display: flex;
    padding: 2.222px 11.111px;
    align-items: flex-start;
    gap: 11.111px;
}

.news-category .badge {
    font-size: var(--font-size-16);
}