.img-hover-container {
    overflow: hidden;
    width: 100%;
}

/* Animácia obrázka */
.img-scroll-anim {
    transition: transform 1.2s cubic-bezier(0.2, 0, 0.2, 1),
        filter 1.2s cubic-bezier(0.2, 0, 0.2, 1);
    display: block;
    will-change: transform;
    transform: scale(1.0);
    filter: brightness(1);
}

/* Animácia nadpisu */
.header-anim {
    transition: opacity 1.2s cubic-bezier(0.2, 0, 0.2, 1);
    opacity: 0.6;
}

/* AKTÍVNY STAV - aplikuje sa cez triedu .is-active */
.is-active .img-scroll-anim {
    transform: scale(1.04);
    filter: brightness(1.15);
}

.is-active .header-anim {
    opacity: 1;
}

.lead {
    font-size: 1.1rem;
}