.home-text p {
    margin: 0;
    overflow: hidden;
    width: max-content;
    max-width: 70%;
    height: auto;
    margin: auto;
}
    .home-text p span {
        display: block;
        font-size: 2rem;
        font-weight: 300;
        text-align: left;
        margin: 0;
        color: #ebebeb;
        font-style: italic;
        transition: 1s;
        display: inline-block;
        display: none;
    }

    .home-text p span.text-in{
        display: block;
        animation: textIn .5s ease;
    }
    .home-text p span.text-out {
        animation: textOut .5s ease;
    }

    @keyframes textIn{
        0%{
            transform: translateY(100%);
        }
        100%{
            transform: translateY(0%);
        }
    }

@keyframes textOut {
    0% {
        transform: translateY(0%);
    }

    100% {
        transform: translateY(-100%);
    }
}