Animation does not work on android but run smoothly in laptop

The animation does not work on android but run smoothly in laptop. Here the code and video.

 <div class="ion-padding" style="background-color:#292826">
    <ion-card class="animate__animated animate__flipInX" style="background-color: #F9D342">
      <ion-card-header>
        Primary
      </ion-card-header>
      <ion-card-content>
        <ion-row>
      <ion-col>
        <ion-img src="../../assets/img/sksm.png"></ion-img>
      </ion-col>
      <ion-col size="8">
        <ion-row> Sekolah Kebangsaan Seri Manjung</ion-row>
      </ion-col>
      <ion-col size="2">
        <div class="ion-text-right">
           <ion-icon name="heart-outline"></ion-icon>
        </div>
      </ion-col>
    </ion-row>
    <ion-button expand="block" routerLink="/second">
      --- Click Here ---
    </ion-button>
      </ion-card-content>
    </ion-card>

    <ion-card class="animate__animated animate__zoomInUp animate__delay-1s" style="background-color: #f8d95b">
      <ion-card-header>
        Secondary
      </ion-card-header>
      <ion-card-content>
        <ion-row>
      <ion-col>
        <ion-img src="../../assets/img/SIS.png"></ion-img>
      </ion-col>
      <ion-col size="8">
        <ion-row> Sekolan Menengah Agama Izzuddin Shah</ion-row>
      </ion-col>
      <ion-col size="2">
        <div class="ion-text-right">
           <ion-icon name="heart-outline"></ion-icon>
        </div>
      </ion-col>
    </ion-row>
    <ion-button expand="block" routerLink="/third">
      --- Click Here ---
    </ion-button>
      </ion-card-content>
    </ion-card>

    <ion-card class="animate__animated animate__lightSpeedInRight animate__delay-2s" style="background-color: #f8dd6f">
      <ion-card-header>
        Tertiary
      </ion-card-header>
      <ion-card-content>
        <ion-row>
      <ion-col>
        <ion-img src="../../assets/img/KMPk.png"></ion-img>
      </ion-col>
      <ion-col size="8">
        <ion-row> Kolej Matrikulasi Perak</ion-row>
      </ion-col>
      <ion-col size="2">
        <div class="ion-text-right">
           <ion-icon name="heart-outline"></ion-icon>
        </div>
      </ion-col>
    </ion-row>
    <ion-button expand="block" routerLink="/fourth">
      --- Click Here ---
    </ion-button>
      </ion-card-content>
    </ion-card>

    <ion-card class="animate__animated animate__flipInY animate__delay-3s" style="background-color: #fbe692">
      <ion-card-header>
        Bachelor
      </ion-card-header>
      <ion-card-content>
        <ion-row>
      <ion-col>
        <ion-img src="../../assets/img/UTeM.png"></ion-img>
      </ion-col>
      <ion-col size="8">
        <ion-row> Universiti Teknikal Malaysia</ion-row>
      </ion-col>
      <ion-col size="2">
        <div class="ion-text-right">
           <ion-icon name="heart-outline"></ion-icon>
        </div>
      </ion-col>
    </ion-row>
    <ion-button expand="block" routerLink="/fifth">
      --- Click Here ---
    </ion-button>
      </ion-card-content>
    </ion-card>
  </div>

Android
Laptop

The device is the problem.