Combining Multiple Animations to Run as One

Hello, Animate It! Support,

I would like to understand how to set the following group of three animations to loop, because setting each individual animation to loop results in a loss of synchronization between the animations.

The following HTML and associated CSS does not work to set the group of three to loop. When you have time, could you please point out what is required?

Thanks much for your help.

Regards,
Michael McIntosh

—

<div class=”ai-test”>
<h5 class=”ai-test” style=”text-align: center;”>[edsanimate_start entry_animation_type= “zoomInUp” entry_delay= “0.5” entry_duration= “0.5” entry_timing= “linear” exit_animation_type= “fadeOutUp” exit_delay= “4” exit_duration= “1” exit_timing= “linear” animation_repeat= “1” keep= “yes” animate_on= “load” scroll_offset= “” custom_css_class= “ai-test”]<span style=”color: #000000;”>VOC Testing</span>[edsanimate_end]
[edsanimate_start entry_animation_type= “zoomInUp” entry_delay= “1.75” entry_duration= “0.5” entry_timing= “linear” exit_animation_type= “fadeOutUp” exit_delay= “4” exit_duration= “1” exit_timing= “linear” animation_repeat= “1” keep= “yes” animate_on= “load” scroll_offset= “” custom_css_class= “ai-test”]<span style=”color: #000000;”>Real Time</span>[edsanimate_end]
[edsanimate_start entry_animation_type= “zoomInUp” entry_delay= “3” entry_duration= “0.5” entry_timing= “linear” exit_animation_type= “fadeOutUp” exit_delay= “4” exit_duration= “1” exit_timing= “linear” animation_repeat= “1” keep= “yes” animate_on= “load” scroll_offset= “” custom_css_class= “ai-test”]<span style=”color: #000000;”>Real Fast</span>[edsanimate_end]</h5>
</div>
—
.ai-test {
display: block;
animation-duration: 9s;
animation-delay: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}

The page I need help with: [log in to see the link]