section:nth-of-type(even) {
    background-color: #fff;
}

section#hero {
    width: 100%;
    height: 470px;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

section#hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(
            rgba(38, 38, 38, 0.41),
            rgba(38, 38, 38, 0.41)
        ),
        url("/images/herobg.jpg");

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
}