From 44a7dbf2290d6e17814dccf2a84ef8cc1c12101f Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Thu, 22 Sep 2022 18:38:22 -0400
Subject: [PATCH] Changing generative art dimensions on mobile

---
 src/static/css/generative-art.css | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/static/css/generative-art.css b/src/static/css/generative-art.css
index 3851837..99d4585 100644
--- a/src/static/css/generative-art.css
+++ b/src/static/css/generative-art.css
@@ -12,13 +12,14 @@
     background-position: center;
     background-repeat: repeat;
     background-size: cover;
+    transition: 0.2s ease-in-out;
   }
 
   #gen-art-2{
     position:absolute;
     width:17vw;
     height: 10vw;
-    right: 16.3vw;
+    right: 20.3vw !important;
     top:33.3vw;
     z-index: 0;
     background-image: url("/Images/gen-art/gen-art-_0013_DALL·E 2022-09-01 11.17.52 - macro red world of pastel geometric shapes.png.jpg");
@@ -26,6 +27,7 @@
     background-position: right;
     background-repeat: no-repeat;
     background-size: contain;
+    transition: 0.2s ease-in-out;
   }
 
   #gen-art-3{
@@ -575,7 +577,7 @@
   #gen-art-1{
     position:absolute;
     width:25vw !important;
-    height: 12.5vw;
+    height: 30vw;
     right: 5.8vw;
     top:300px;
     z-index: 0;
@@ -588,16 +590,16 @@
 
   #gen-art-2{
     position:absolute;
-    width:25vw;
-    height: 10vw;
+    width:20vw;
+    height: 25vw;
     right: 16.3vw;
     top:33.3vw;
     z-index: 0;
     background-image: url("/Images/gen-art/gen-art-_0013_DALL·E 2022-09-01 11.17.52 - macro red world of pastel geometric shapes.png.jpg");
     background-attachment: fixed;
-    background-position: right;
+    background-position: center;
     background-repeat: no-repeat;
-    background-size: contain;
+    background-size: cover;
   }
 
   #gen-art-3{