.header-image-bg {
    position: relative;
    /* Obrázek + modrý přechod jako jedna vrstva backgroundů */
    background-image:
        linear-gradient(
            to bottom,
            rgba(var(--ktn-light-blue-rgb), 0.80) 20%,
            rgba(var(--ktn-light-blue-rgb), 0) 120%
        ),
        var(--header-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}