/* Match the image's dark backdrop to the hero and soften its outer edge. */
.hero {
    background: var(--bg);
    isolation: isolate;
}

.hero .hero-visual picture {
    mix-blend-mode: lighten;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 80px, #000 calc(100% - 28px), transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 80px, #000 calc(100% - 28px), transparent);
}