.header {
    max-width: var(--container-width);
    margin-left: auto;
    margin-right: auto;
}

.header-img {
    aspect-ratio: 21/9;
    width: 100%;
    object-fit: cover;
}

header .container {
    padding-top: 0;
    padding-bottom: 0;

    font-size: large;
    line-height: 1.4;
}

article {
    padding-top: 0;
}

@media screen and (min-width: 768px) {
    .header-img {
        border-radius: var(--radius);
    }
}