section.hero {
    padding-top: 0;
    padding-bottom: 0;
    min-height: calc(100vh - 120px);
    position: relative;
}

.hero .col {
    padding-top: var(--section-padding-top);
    padding-bottom: var(--section-padding-bottom);
}

.hero img {
    height: calc(100vh - 120px);
    max-height: calc(100vh - 120px);
    object-fit: cover;
    filter: brightness(0.75);
}

.hero .inner-col>* {
    max-width: 66%;
}

.hero .hero-picture {
    position: absolute;
    z-index: -1;
    max-width: var(--site-max-width);
    height: 100%;
}