background scroll

home/art/styles.css

@@ -1,4 +1,4 @@
-body, html {
+body {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -6,11 +6,16 @@ body, html {
   }
 
   body{
-  background-image: url('./img/bg.jpg');
+  background-image: url('./img/mainbackground.png');
-  background-attachment: fixed;
+  animation: scroll 2s infinite cubic-bezier(.68,-0.55,.27,1.55);
-  background-position: center center;
+  
 }
 
+@-webkit-keyframes scroll {
+    from {background-position: 0px 0px;}
+    to {background-position: 128px 128px;}
+  }
+
 #header{
     justify-content: center;
 }