.header-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.header-item-back {   
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;   
    /* animation: fade-in-out 20s infinite; */
}

.header-item-back.active {
    opacity: .8;
    z-index: 0;
    animation: fade 10s infinite;
}

@keyframes fade {
    0%, 100%{ opacity: 0; }
    10%, 90% { opacity: .8; }
}

@keyframes fade-in-out {
    0%, 100%{ opacity: .8; }
    10%, 90% { opacity: 0; }
}

.header-item-galery {
    height: 600px;
    text-align: center;
    background-color: #bababa;
}