From 371165af7708b7e4bdfcdfc698f88d8494726cec Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Thu, 27 Oct 2022 08:31:53 -0400
Subject: [PATCH] Products page changes

---
 src/layouts/page/products.html                |  4 ++--
 src/layouts/partials/white-paper-gen-art.html | 14 ++++++++++----
 src/static/css/products.css                   |  8 ++++++++
 3 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/layouts/page/products.html b/src/layouts/page/products.html
index 02a17f3..46c923e 100644
--- a/src/layouts/page/products.html
+++ b/src/layouts/page/products.html
@@ -66,7 +66,7 @@
     height: 20vw;
     right: 6.8vw;
     margin-top: 0vw;
-    z-index:0;
+    z-index:2;
     background-image: url("/Images/gen-art/pixel-mouth.jpg");
     background-position: center;
     background-repeat: repeat;
@@ -79,7 +79,7 @@
     height: 10vw;
     right: 15vw;
     top: 30vw;
-    z-index:0;
+    z-index:2;
     background-image: url("/Images/gen-art/tribal-green.jpg");
     background-position: center;
     background-repeat: repeat;
diff --git a/src/layouts/partials/white-paper-gen-art.html b/src/layouts/partials/white-paper-gen-art.html
index 085d79f..73f217a 100644
--- a/src/layouts/partials/white-paper-gen-art.html
+++ b/src/layouts/partials/white-paper-gen-art.html
@@ -79,7 +79,6 @@
     margin-top:164vw;
     z-index: 3;
     background-image: url("/Images/gen-art/orange-pattern.jpg");
-    background-attachment: fixed;
     background-position: center;
     background-repeat: repeat;
     background-size: cover;
@@ -94,10 +93,10 @@
     border-radius: 200px;
     z-index: 3;
     background-image: url("/Images/gen-art/dream-tree.jpg");
-    background-attachment: fixed;
     background-position: center;
     background-repeat: repeat;
     background-size: cover;
+    animation: rotation 10s infinite linear;
   }
 
   #m-wp-gen-art-3{
@@ -108,7 +107,6 @@
     margin-top:154.5vw;
     z-index: 3;
     background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg");
-    background-attachment: fixed;
     background-position: center;
     background-repeat: repeat;
     background-size: cover;
@@ -122,12 +120,20 @@
     margin-top:20vw;
     z-index: 0;
     background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg");
-    background-attachment: fixed;
     background-position: center;
     background-repeat: repeat;
     background-size: cover;
   }
 
+  @keyframes rotation {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(359deg);
+    }
+  }
+
   @media only screen and (min-width: 576px) {
     .gen-art-mobile{
       display:none;
diff --git a/src/static/css/products.css b/src/static/css/products.css
index 423c286..8426c56 100644
--- a/src/static/css/products.css
+++ b/src/static/css/products.css
@@ -78,6 +78,10 @@
 
 @media only screen and (max-width: 576px) {
 
+  h1{
+    font-size: 15vw !important;
+  }
+
   .tea-cli-container{
     padding: 7vw !important;
   }
@@ -86,6 +90,10 @@
     display:none;
   }
 
+  .mobile-grid-element{
+    z-index: 0 !important;
+  }
+
 }
 
 /* Generative Art styling */