How do I allign animation and text?

Design help General
1

I’ve created a similar json animation (a line creating different icons when scrolling) as used on this website: https://www.lemonade.com/giveback-2019

I’m having a bit of trouble placing the text in fixed positions during this animation. I’ve tried playing around with the grid but can’t seem to figure it out. If anyone has an idea on how to execute it, it would be a great help! :smiley:

Heres a link to my website: https://preview.webflow.com/preview/westmedia?utm_medium=preview_link&utm_source=dashboard&utm_content=westmedia&preview=1772a6257f3ca51e88168c37dcc6c8f1&mode=preview

2

Hi Frederik,

I had a look at your project:

  • add a “paragraph” in your “container” above your lottie animation
  • set the “position” of it to “relative”
  • change the values you like

Best,
Matthias