Animation won't fade out and stay out

General
1

What I think is a simple animation doesn't seem to be so simple for some reason.

I have an image with the time and date below it. I'd like for them both to scroll up so that the image is at the time. Then I want the image to fade out and the time and date to scroll up to the top.

I was unable to do this with one animation so I accomplished it with two (but only for a moment).

Image Overlay has an image with the time and date under the image. The Date Overlay has the same time and date and it starts where the other time and date is positioned.

  1. I want the image to scroll up from the bottom and then fade out.
  2. I want the time and date to start where the Image Overlay time and date is and then I want the time and date to continue to the top.

I couldn't figure out how to do that with one overlay so I have two overlays. One with the image and time and date and another with the time and date.

  • Image Overlay Animation:
    • ReactOn: Visibility
      • Action: Scroll
      • Ease: Normal
      • Duration: 8
      • Speed: 320
      • Angle: 90
      • Delay: 0
    • ReactOn: Visibility
      • Action: Fade Out
      • Ease: Normal
      • Duration: 2
      • Delay: 40
  • Date Overlay Animation:
    • ReactOn: Visibility
      • Action: Fade In
      • Ease: Inverted
      • Duration: 2
      • Delay: 30
    • ReactOn: Visibility
      • Action: Scroll Inverted
      • Ease: Inverted
      • Duration: 10
      • Speed: 90
      • Angle: 90
      • Delay: 30