.header-slider-bg-img {
    background: white;
    text-align: center;
    background-repeat: no-repeat;
    background-size: 1920px auto;
    background-position: center center;
}

#sliderFade .carousel-control-next,
#sliderFade .carousel-control-prev {
    /*width: 4%;*/
    /*background-color: rgba(0, 0, 0, 0.2);*/
    transition: all 0.5s;
}

/* add more animations in this format #sliderFade.{animation-format} .header-slider-bg-img.animated-slide-bg-img*/
#sliderFade.zoom-in .header-slider-bg-img.animated-slide-bg-img {
    animation-name: header-slider-bg-img-animation;
    animation-duration: 7s;
    animation-fill-mode: forwards;
}

@keyframes header-slider-bg-img-animation {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.08, 1.08);
    }
    100% {
        transform: scale(1.08, 1.08);
    }
}