.character-animation {
    left: 50px !important;
}

.character-animation__entry {
    animation: character-entry 2s forwards;
}

.character-animation__exit {
    animation: character-exit 2s forwards;
}

.trasition-scfene {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 99;
    transition: opacity 5s;
}

.trasition-scene__active {
    opacity: 0;
}

.trasition-scene__exit {
    animation: scene-entry 2s infinite;
}

@keyframes character-entry {
    from {
        left: -400px;

    }
    to{
        left: 50px;
    }
}

@keyframes character-exit {
    from {
        left: 50px;
    }
    to{
        left: -400px;
    }
}

@keyframes scene-entry {
    from {
        filter: brightness(0);
    }
    to {
        filter: brightness(1);
    }
}

@keyframes scene-exit {
    from {
        filter: brightness(1);
    }
    to {
        filter: brightness(0);
    }
}