@keyframes fadeUp{
    0% {
    opacity: 1;
    transform: translateY(0);
    }
    100%{
    opacity: 0;
    transform: translateY(-200px);
    }
}
@keyframes fadeRight{
    0% {
        opacity: 1;
        transform: translateY(0);
        }
    50%{
        opacity: 1;
        transform: translateX(400px);
    }
    100%{
        opacity: 0;
        transform: translateX(800px);
    }
}
@keyframes unfade{
    0% {
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

.animatedImg{
    animation-name: fadeRight;
    animation-duration:5s;
    height:100px;
    position:absolute;
}
.animatedDamage{
    animation-name: fadeUp;
    animation-duration:5s;
    position:absolute;
    color:red;
}