.banner-text-animation {
    opacity: 0;
    transform: translateY(30px);
    animation: rise 0.8s ease-out forwards;
}

@keyframes rise {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


h2::after {
    animation: header-animation-after 5s infinite;
}

h2::before {
    animation: header-animation-before 5s infinite;
}

@keyframes header-animation-before {
    0% {
        top: 0px;
    }

    50% {
        top: -5px;
    }

    100% {
        top: 0px;
    }
}

@keyframes header-animation-after {
    0% {
        bottom: 0px;
    }

    50% {
        bottom: -5px;
    }

    100% {
        bottom: 0px;
    }
}