diff --git a/DeepDrftPublic.Client/Pages/Home.razor b/DeepDrftPublic.Client/Pages/Home.razor
index 4ae0fbf..ccd703b 100644
--- a/DeepDrftPublic.Client/Pages/Home.razor
+++ b/DeepDrftPublic.Client/Pages/Home.razor
@@ -19,6 +19,17 @@
             </div>
         </MudItem>
     </MudGrid>
+    <ParallaxImage Image1="img/dd-duo-hero-bw.jpeg" 
+                   Image2="img/dd-duo-hero.jpeg"
+                   Alt1="Deep DRFT Electronic Music Duo"
+                   FullWidth
+                   NaturalWidth="2048"
+                   NaturalHeight="1365"
+                   WindowHeightFraction="0.4"
+                   ImageHeight="auto"
+                   ImageWidth="100%"
+                   ParallaxSpeed="0.4"
+                   Class="my-8"/>
 </section>
 
 @* Divider *@
diff --git a/DeepDrftShared.Client/Components/ParallaxImage.razor.css b/DeepDrftShared.Client/Components/ParallaxImage.razor.css
index f166a60..be7f4bb 100644
--- a/DeepDrftShared.Client/Components/ParallaxImage.razor.css
+++ b/DeepDrftShared.Client/Components/ParallaxImage.razor.css
@@ -36,7 +36,7 @@
 
 .layer-2 {
     opacity: 0;
-    transition: opacity 400ms ease;
+    transition: opacity 700ms ease;
 }
 
 .parallax-window:hover .layer-2 {