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