diff --git a/src/static/Images/prouct-large-grid-generative-art.gif b/src/static/Images/prouct-large-grid-generative-art.gif
new file mode 100644
index 0000000..3980ac8
Binary files /dev/null and b/src/static/Images/prouct-large-grid-generative-art.gif differ
diff --git a/src/static/Images/prouct-medium-grid-generative-art.gif b/src/static/Images/prouct-medium-grid-generative-art.gif
new file mode 100644
index 0000000..fe8fcd3
Binary files /dev/null and b/src/static/Images/prouct-medium-grid-generative-art.gif differ
diff --git a/src/static/css/products.css b/src/static/css/products.css
index c4b0372..b8d2dd2 100644
--- a/src/static/css/products.css
+++ b/src/static/css/products.css
@@ -16,14 +16,38 @@
 
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
 
+  .product-hero-section{
+    background-image: url("/Images/prouct-large-grid-generative-art.gif") !important;
+    background-attachment: scroll;
+    background-position: top;
+    background-repeat: repeat;
+    background-size: cover;
+  }
+
 }
 
 @media only screen and (min-width: 768px) and (max-width: 992px) {
 
+  .product-hero-section{
+    background-image: url("/Images/prouct-large-grid-generative-art.gif") !important;
+    background-attachment: scroll;
+    background-position: top;
+    background-repeat: repeat;
+    background-size: cover;
+  }
+
 }
 
 @media only screen and (min-width: 576px) and (max-width: 768px) {
 
+  .product-hero-section{
+    background-image: url("/Images/prouct-medium-grid-generative-art.gif") !important;
+    background-attachment: scroll;
+    background-position: top;
+    background-repeat: repeat;
+    background-size: cover;
+  }
+
 }
 
 @media only screen and (max-width: 576px) {
diff --git a/src/static/css/typography.css b/src/static/css/typography.css
index faaf19e..ba0beae 100644
--- a/src/static/css/typography.css
+++ b/src/static/css/typography.css
@@ -200,10 +200,10 @@ a:hover{
 @media only screen and (min-width: 576px) and (max-width: 768px){
 
   h1{
-    font-size: 18.5vw;
+    font-size: 14vw;
     line-height: 20vw;
-    margin-top: 1vw;
-    margin-left: -2vw;
+    margin-top: 2vw;
+    margin-left: -0.7vw;
   }
 
   h2{