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 */