added delays to home page animations

public/css/home.less

@@ -102,68 +102,86 @@
 @-webkit-keyframes scroll-2 /* Safari and Chrome */
 {
     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;}
+    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;}
+    3% {top:-90px;}
     33% {top: -90px;}
+    36% {top: -180px;}
     66% {top: -180px;}
+    69% {top: -270px;}
     100% {top: -270px;}
 }
 
 @keyframes scroll-1
 {
     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;}
+    3% {top:-90px;}
     50% {top: -90px;}
+    53% {top: -180px;}
     100% {top: -180px;}
 }
 
 @keyframes scroll-0
 {
     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;
+  -webkit-animation: scroll-2 10s ease-in 0.5s infinite normal;
-  animation: scroll-2 10s ease 0.5s infinite normal;/* Safari and Chrome: */
+  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;
+  -webkit-animation: scroll-1 8s ease-in 0.5s infinite normal;
-  animation: scroll-1 8s ease 0.5s infinite normal;/* Safari and Chrome: */
+  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;
+  -webkit-animation: scroll-0 6s ease-in 0.5s infinite normal;
-  animation: scroll-0 6s ease 0.5s infinite normal;/* Safari and Chrome: */
+  animation: scroll-0 6s ease-in 0.5s infinite normal;/* Safari and Chrome: */
 }