From 17530d19941b301520140d31de3d156b220c47d4 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Wed, 21 Sep 2022 15:13:13 -0400
Subject: [PATCH] Changed gen-art image, made parallax

---
 src/layouts/index.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/layouts/index.html b/src/layouts/index.html
index 971a913..57bcfbc 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -7,9 +7,15 @@
   #gen-art-1{
     position:absolute;
     width:15vw;
+    height: 12.5vw;
     right: 5.8vw;
     top:300px;
     z-index: 0;
+    background-image: url("/Images/gen-art/gen-art-_0002_DALL·E 2022-09-01 09.50.45 - rainbow oil spill on pavement.png.jpg");
+    background-attachment: fixed;
+    background-position: center;
+    background-repeat: repeat;
+    background-size: cover;
   }
 
   #gen-art-2{
@@ -57,7 +63,7 @@
 </style>
 
 <section class="hero-section">
-<img src="/Images/gen-art-1.png" alt="gen-art-1" class="gen-art" id="gen-art-1">
+<div class="gen-art" id="gen-art-1"></div>
 <img src="/Images/gen-art-2.png" alt="gen-art-2" class="gen-art" id="gen-art-2">
 <!--<img src="/Images/x-large-grid-hero.svg" id="hero-grid-system" alt="hero-grid-system">-->
   <div class="container hero-container">