CSS animations with Bootstrap carousel

[bmcode]

Here is a sample of the code I’m working on: https://codepen.io/bmcdesign/pen/mdRwOBe

I’m using the Bootstrap carousel with animate.css (https://animate.style/) and some JavaScript code to have the animations activate on each slide.

I want the animated div to appear automatically in the middle of the screen, rather than appearing and then jumping to the center.

Any help would be greatly appreciated! Thanks!

EDIT: I tried getting rid of fadeInUp and it still jumps on appearing

[PaulOB]

Remove the bounceIn from the data-animation attribute on each element.

<div class="carousel-caption" data-animation="animated bounceIn">

i.e.

`<div class="carousel-caption" data-animation="animated">`

[bmcode]

I was trying to animate the background as well. However, it looks good like this, so I’ll keep it. Thanks again!