.home-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
   /*height: 100vh;*/
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s ease, transform 1s ease;
}

.home-banner.active {
    opacity: 1;
    transform: translateY(0);
    z-index: 2;
}

.home-banner-wrapper {
    position: relative;
    /*height: 100vh; match banner height */
    overflow: hidden;
}