.wp-block-group.is-style-lcc-hero-wash {
    position: relative;
}

/*
 * Geometry of the <img> this replaces: left: calc(50% + 30px), width: 1600px,
 * transform: translateX(-50%). Half the width folded into the offset gives the
 * same left edge at every viewport width without a transform.
 *
 * The source file is 133x75, so 1600px wide makes it 902px tall - taller than
 * the hero on every breakpoint. The box keeps that height instead of using
 * inset: 0, because a background is clipped to its box and the glow is meant to
 * spill past the section, as the image did.
 */
.wp-block-group.is-style-lcc-hero-wash::before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50% - 770px);
    width: 1600px;
    aspect-ratio: 133 / 75;
    z-index: 0;
    pointer-events: none;
    background: url("images/gradient-hero-energyflow.png") no-repeat 0 0 / 100% 100%;
}
