diff --git a/src/layouts/index.html b/src/layouts/index.html
index 57bcfbc..e470dd3 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -20,10 +20,16 @@
 
   #gen-art-2{
     position:absolute;
-    width:16vw;
-    right: 17.2vw;
+    width:17vw;
+    height: 10vw;
+    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-repeat: no-repeat;
+    background-size: contain;
   }
 
   #hero-grid-system{
@@ -64,7 +70,7 @@
 
 <section class="hero-section">
 <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">
+<div class="gen-art" id="gen-art-2"></div>
 <!--<img src="/Images/x-large-grid-hero.svg" id="hero-grid-system" alt="hero-grid-system">-->
   <div class="container hero-container">
     <div class="row">