section.article {
    position: relative;
    padding: 1rem;
    width: min(100% - 2rem, 700px);
    left: 50%;
    transform: translateX(-50%);
}

section.article>* {
    margin-bottom: 2rem;
}

section.article img {
    width: 100%;
    border-radius: .5rem;
}

.article-landing {
    position: relative;
    height: calc(70vh - 32px);
    margin-top: 32px;
    background: linear-gradient(180deg, #6FCF97 0%, rgba(163, 220, 238, 0) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}


.article-title {
    position: relative;
    padding: 1rem;
    text-align: center;
    z-index: 2;
    width: min(100%, 1000px)
}