.page-hero {
    height: 50vh;
}

.page-hero .image {
    filter: brightness(var(--brightness));
}

.page-hero .section-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.page-hero .heading {
    text-align: center;
    margin-top: var(--spacing-tiny);
}