Animation of Icon not working

I did almost the same implementation as "https://mdbootstrap.com/docs/angular/modals/customization/#dangerModalSec".But the check icon does not animate.I installed animation.css and added it to Angular.json.

I have implemented it in Angular10. Is this the cause?

"CENTRAL MODAL" of "https://mdbootstrap.com/docs/angular/modals/customization/#dangerModalSec" is animated.

Source(HTML)

                <mdb-icon fas icon="check" size="4x" class="mb-3 animated bounce infinite"></mdb-icon>

Angular.json

            "styles": [
          "node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss",
          "node_modules/@fortawesome/fontawesome-free/scss/solid.scss",
          "node_modules/@fortawesome/fontawesome-free/scss/regular.scss",
          "node_modules/@fortawesome/fontawesome-free/scss/brands.scss",
          "node_modules/ng-uikit-pro-standard/assets/scss/bootstrap/bootstrap.scss",
          "node_modules/ng-uikit-pro-standard/assets/scss/mdb.scss",
          "node_modules/animate.css/animate.css",
          "src/styles.scss"
        ],
        "scripts": [
          "node_modules/chart.js/dist/Chart.js",
          "node_modules/easy-pie-chart/dist/easypiechart.js",
          "node_modules/screenfull/dist/screenfull.js",
          "node_modules/hammerjs/hammer.min.js"
        ]

Thank you.