From 52e5046a337966664ee48363143aa27dc4211be3 Mon Sep 17 00:00:00 2001
From: Matthew Patrick <Matthew.535200018@stu.untar.ac.id>
Date: Sat, 23 Oct 2021 22:52:56 +0700
Subject: [PATCH] Fixed LottieAnimations Placement

---
 forgot-password.html                 | 2 +-
 login.html                           | 2 +-
 otp.html                             | 2 +-
 register-verification-completed.html | 2 +-
 register-verification-sent.html      | 2 +-
 register.html                        | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/forgot-password.html b/forgot-password.html
index d31d937..efe4379 100644
--- a/forgot-password.html
+++ b/forgot-password.html
@@ -236,7 +236,7 @@
             <div class="col">
                 <div class="card text-white col-md-8 col-lg-6 col-xl-5">
                     <h1 class="card-header text-white">Forgot Password</h1>
-                    <lottie-player autoplay background="transparent" class="icon" loop speed="1"
+                    <lottie-player style="display: -webkit-box;-webkit-box-pack: center;" autoplay background="transparent" class="icon" loop speed="1"
                         src="https://assets9.lottiefiles.com/packages/lf20_xvrofzfk.json"></lottie-player>
                     <div class="py-3 text" style="padding: 0% 5%; text-align: center;">
                         <a>Enter your email to receive instructions on how to reset your password.</a>
diff --git a/login.html b/login.html
index 52f8582..cc56863 100644
--- a/login.html
+++ b/login.html
@@ -299,7 +299,7 @@
             <div class="col">
                 <div class="card text-white col-md-8 col-lg-6 col-xl-5">
                     <h1 class="card-header text-white">Login</h1>
-                    <lottie-player autoplay background="transparent" class="icon" loop speed="1"
+                    <lottie-player style="display: -webkit-box;-webkit-box-pack: center;" autoplay background="transparent" class="icon" loop speed="1"
                         src="https://assets3.lottiefiles.com/packages/lf20_myor1trh.json"></lottie-player>
                     <div class="card-body">
                         <form class="px-4 py-3">
diff --git a/otp.html b/otp.html
index e800c67..8b968ed 100644
--- a/otp.html
+++ b/otp.html
@@ -214,7 +214,7 @@
             <div class="col">
                 <div class="card text-white col-md-9 col-lg-6 col-xl-5">
                     <h1 class="card-header text-white">OTP VERIFICATION</h1>
-                    <lottie-player autoplay background="transparent" class="icon" loop speed="1"
+                    <lottie-player style="display: -webkit-box;-webkit-box-pack: center;" autoplay background="transparent" class="icon" loop speed="1"
                         src="https://assets2.lottiefiles.com/packages/lf20_zztlhuue.json"></lottie-player>
                     <div class="py-3 text" style="padding: 0% 5%; text-align: center;">
                         <a>A String of OTP Code Has Been Sent to kel*****@gmail.com</a>
diff --git a/register-verification-completed.html b/register-verification-completed.html
index 7b11265..f665ba8 100644
--- a/register-verification-completed.html
+++ b/register-verification-completed.html
@@ -161,7 +161,7 @@
                     <div class="card-header" style="color: white;">
                         <h2>Verification Completed !!</h2>
                     </div>
-                    <lottie-player autoplay background="transparent" class="icon" loop speed="1"
+                    <lottie-player style="display: -webkit-box;-webkit-box-pack: center;" autoplay background="transparent" class="icon" loop speed="1"
                         src="https://assets10.lottiefiles.com/private_files/lf30_hlzxxlfs.json"></lottie-player>
                     <div class="card-body">
                         <h6 class="card-text" style="color: #dedede;">Your Email Has Been Verified !! Please Sign in
diff --git a/register-verification-sent.html b/register-verification-sent.html
index 3e4d10c..8238f1b 100644
--- a/register-verification-sent.html
+++ b/register-verification-sent.html
@@ -135,7 +135,7 @@
                     <div class="card-header" style="color: white;">
                         <h2>Verify Your Email Address</h2>
                     </div>
-                    <lottie-player autoplay background="transparent" class="icon" loop speed="1"
+                    <lottie-player style="display: -webkit-box;-webkit-box-pack: center;" autoplay background="transparent" class="icon" loop speed="1"
                         src="https://assets1.lottiefiles.com/packages/lf20_IUWMcw.json"></lottie-player>
                     <div class="card-body">
                         <h5 class="card-text" style="color: #dedede;">Before proceeding, please check your email for a
diff --git a/register.html b/register.html
index 6bf0ca8..af65515 100644
--- a/register.html
+++ b/register.html
@@ -204,7 +204,7 @@
             <div class="col">
                 <div class="card text-white col-md-8 col-lg-6 col-xl-5">
                     <h1 class="card-header text-white">Register</h1>
-                    <lottie-player autoplay background="transparent" class="icon" loop speed="1"
+                    <lottie-player style="display: -webkit-box;-webkit-box-pack: center;" autoplay background="transparent" class="icon" loop speed="1"
                         src="https://assets10.lottiefiles.com/datafiles/JAmX1SNojoncImC/data.json"></lottie-player>
                     <div class="card-body">
                         <form class="px-4 py-3">