.header__additional-bg {
    background-color: #fff;
    background-image: url(../images/header-hero-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    
    position: relative;
}

.header__additional-bg::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    pointer-events: none;
}

.bg-alternate-contain {
    /* background-size: contain; */
    background-position: top center;
    background-size: 100% auto
}

.header__additional-bg-2 {
    background-color: #eceae9;
    background-image: url(../images/header-hero-bg-v2.png);
    background-size: cover;
}

.crumpled-paper-bg {
    background-image: url(../images/crumpled-paper-bg.png);
    background-size: cover;
}

@media (max-width: 960px) {
    .header__additional-bg {
        background-image: url(../images/header-hero-bg--tablet.png);
    }

    .header__additional-bg-2 {
        background-image: url(../images/header-hero-bg-v2--tablet.png);
    }
}

@media (max-width: 575px) {
    .header__additional-bg {
        background-image: url(../images/header-hero-bg--mobile.png);
    }
    
    .header__additional-bg::after {
    	display: none;
    }

    .header__additional-bg-2 {
        background-image: url(../images/header-hero-bg-v2--mobile.png);
    }
}