added delays to home page animations

public/css/home.less

@@ -101,69 +101,87 @@
 
 @-webkit-keyframes scroll-2 /* Safari and Chrome */
 {
-    0%   {top: 0px;}
-    25%   {top: -90px;}
-    50%  {top: -180px;}
-    75%  {top: -270px;}
+    0% {top: 0px;}
+    3% {top:-90px;}
+    25% {top: -90px;}
+    28% {top:-180px;}
+    50% {top: -180px;}
+    53% {top: -270px;};
+    75% {top: -270px;}
+    78% {top: -360px;}
     100% {top: -360px;}
 }
 
 @keyframes scroll-2
 {
-    0%   {top: 0px;}
-    25%   {top: -90px;}
-    50%  {top: -180px;}
-    75%  {top: -270px;}
+    0% {top: 0px;}
+    3% {top:-90px;}
+    25% {top: -90px;}
+    28% {top:-180px;}
+    50% {top: -180px;}
+    53% {top: -270px;};
+    75% {top: -270px;}
+    78% {top: -360px;}
     100% {top: -360px;}
 }
 
 @-webkit-keyframes scroll-1 /* Safari and Chrome */
 {
-    0%   {top: 0px;}
-    33%   {top: -90px;}
-    66%  {top: -180px;}
-    100%  {top: -270px;}
+    0% {top: 0px;}
+    3% {top:-90px;}
+    33% {top: -90px;}
+    36% {top: -180px;}
+    66% {top: -180px;}
+    69% {top: -270px;}
+    100% {top: -270px;}
 }
 
 @keyframes scroll-1
 {
-    0%   {top: 0px;}
-    33%   {top: -90px;}
-    66%  {top: -180px;}
-    100%  {top: -270px;}
+    0% {top: 0px;}
+    3% {top:-90px;}
+    33% {top: -90px;}
+    36% {top: -180px;}
+    66% {top: -180px;}
+    69% {top: -270px;}
+    100% {top: -270px;}
 }
 
 @-webkit-keyframes scroll-0 /* Safari and Chrome */
 {
-    0%   {top: 0px;}
-    50%   {top: -90px;}
-    100%  {top: -180px;}
+    0% {top: 0px;}
+    3% {top:-90px;}
+    50% {top: -90px;}
+    53% {top: -180px;}
+    100% {top: -180px;}
 }
 
 @keyframes scroll-0
 {
-    0%   {top: 0px;}
-    50%   {top: -90px;}
-    100%  {top: -180px;}
+    0% {top: 0px;}
+    3% {top:-90px;}
+    50% {top: -90px;}
+    53% {top: -180px;}
+    100% {top: -180px;}
 }
 
 .category-slider-2:hover {
   position:relative;
 
-  -webkit-animation: scroll-2 10s ease 0.5s infinite normal;
-  animation: scroll-2 10s ease 0.5s infinite normal;/* Safari and Chrome: */
+  -webkit-animation: scroll-2 10s ease-in 0.5s infinite normal;
+  animation: scroll-2 10s ease-in 0.5s infinite normal;/* Safari and Chrome: */
 }
 
 .category-slider-1:hover {
   position:relative;
 
-  -webkit-animation: scroll-1 8s ease 0.5s infinite normal;
-  animation: scroll-1 8s ease 0.5s infinite normal;/* Safari and Chrome: */
+  -webkit-animation: scroll-1 8s ease-in 0.5s infinite normal;
+  animation: scroll-1 8s ease-in 0.5s infinite normal;/* Safari and Chrome: */
 }
 
 .category-slider-0:hover {
   position:relative;
 
-  -webkit-animation: scroll-0 6s ease 0.5s infinite normal;
-  animation: scroll-0 6s ease 0.5s infinite normal;/* Safari and Chrome: */
+  -webkit-animation: scroll-0 6s ease-in 0.5s infinite normal;
+  animation: scroll-0 6s ease-in 0.5s infinite normal;/* Safari and Chrome: */
 }