.homepage-hero-section {
    min-height: calc(100vh - 32px);
    /* background-image: url('../src/images/hero-image-temp.webp');
    background-size: cover;
    background-position: center; */
    justify-content: flex-end;
    padding-bottom: var(--gap-xxl);
    /* outline: 1px solid var(--color-background); */
}   

.hero-video {
    position: absolute;
    top: -7px;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.homepage-hero-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}