Advice on easing

I have two animations on my site that I can’t seem to get the easing right on.

I managed to mock these up in Keynote so I can figure out the timings

External Image
External Image

Theres 5 points I need help on

  1. Easing the text and pictures in animation 1
  2. Easing the background overlay in animation 1
  3. Easing the flipping square panels in animation 2
  4. Controlling the anchor points for the flipping squares. For some reason the anchor point seems to reset every time I reopen the project
  5. Easing the questions in animation 2

Any help appreciated!

Here is my public share link:
https://preview.webflow.com/preview/jamals-sublime-project-9a62d2?utm_medium=preview_link&utm_source=designer&utm_content=jamals-sublime-project-9a62d2&preview=61340d62a4ee4096ea4d789dcac3cb22&mode=preview