.hero-content{

    animation: fadeHero 1.8s ease;

}

@keyframes fadeHero{

    from{

        opacity:0;

        transform:translate(-50%,-40%);

    }

    to{

        opacity:1;

        transform:translate(-50%,-50%);

    }

}