Looping only one element in an animation


I’m working on an ‘on page load’ animation for the text and the down arrow in the first container. Because I don’t see a method to loop only the arrow (I want it to appear after the text animation and move up and down endlessly) I tried creating a different animation for each, but Webflow won’t let me turn on both animations. And if I put both things in the same animation, it won’t let me loop only the moving arrow.

Is there a way to solve this?



Here is my public share link: https://preview.webflow.com/preview/test-3654d9?utm_medium=preview_link&utm_source=dashboard&utm_content=test-3654d9&preview=8d5743446a8781fc7ff3ac8722d3d7a7&mode=preview