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">