diff --git a/packages/web/styles/articleInnerStyling.css b/packages/web/styles/articleInnerStyling.css
index d76fa822e..83f6adb3d 100644
--- a/packages/web/styles/articleInnerStyling.css
+++ b/packages/web/styles/articleInnerStyling.css
@@ -625,6 +625,9 @@
   animation-name: fadeInUp;
   animation-duration: 0.5s;
   animation-fill-mode: both;
+  -webkit-animation-name: fadeInUp;
+  -webkit-animation-duration: 0.5s;
+  -webkit-animation-fill-mode: both;
   overflow: hidden;
   box-shadow: 0px 4px 4px rgba(33, 33, 33, 0.1) !important;
 }
@@ -640,4 +643,17 @@
       -webkit-transform: none;
       transform: none;
   }
+}
+
+@-webkit-keyframes fadeInUp {
+  0% {
+      opacity: 0;
+      -webkit-transform: translate3d(0, 100%, 0);
+      transform: translate3d(0, 100%, 0);
+  }
+  100% {
+      opacity: 1;
+      -webkit-transform: none;
+      transform: none;
+  }
 }
\ No newline at end of file