diff --git a/src/contents/Home.tsx b/src/contents/Home.tsx
index 372363c4ea76b33b68668ac30492adca0ba033dd..d9ee5a7584640d9ca7caf6abf322164be9fa019d 100644
--- a/src/contents/Home.tsx
+++ b/src/contents/Home.tsx
@@ -14,30 +14,23 @@ export function Home() {
 
           <Problems></Problems>
           
-          <div className='col'>
-            <img src="https://static.igem.wiki/teams/5247/landing/gifs/200k-anim-transparent-bg.gif"></img>
-          </div>
-          <div className='col'>
-            <img src="https://static.igem.wiki/teams/5247/landing/gifs/oneintwenty.gif"></img>
-          </div>
-          <div className='col'>
-            <img src="https://static.igem.wiki/teams/5247/landing/gifs/2k-anim-transparent-bg.gif"></img>
-          </div>
-          <div className='col'>
-            <img src="https://static.igem.wiki/teams/5247/landing/gifs/3k-anim-transparent-bg.gif"></img>
-          </div>
-          <div className='col'>
-            <img src="https://static.igem.wiki/teams/5247/landing/treatmentnoloop.gif"></img>
-          </div>
-          <div className='col'>
-            <img src="https://static.igem.wiki/teams/5247/landing/precyse.gif"></img>
-          </div>
-          <div className='col'>
-            <img src="https://static.igem.wiki/teams/5247/landing/gifs/3d-animation.gif"></img>
-          </div>
-          <div className='col'>
-            <img src="https://static.igem.wiki/teams/5247/landing/gifs/proofofconcept.gif"></img>
-          </div>
+          {/* Spacing Block */}
+          <div className='col' style={{ 'height': '150vh' }}></div>
+          
+          <FadeIn filepath="https://static.igem.wiki/teams/5247/landing/gifs/200k-anim-transparent-bg.gif" bg='https://static.igem.wiki/teams/5247/landing/backgrounds/background-1-text.webp'></FadeIn>
+          
+          <FadeIn filepath="https://static.igem.wiki/teams/5247/landing/gifs/oneintwenty.gif" bg=''></FadeIn>
+
+          <FadeIn filepath="https://static.igem.wiki/teams/5247/landing/gifs/2k-anim-transparent-bg.gif" bg='https://static.igem.wiki/teams/5247/landing/backgrounds/background-2-text.webp'></FadeIn>
+          <FadeIn filepath="https://static.igem.wiki/teams/5247/landing/gifs/3k-anim-transparent-bg.gif" bg='https://static.igem.wiki/teams/5247/landing/backgrounds/background-3-text.webp'></FadeIn>
+          
+          <FadeIn filepath="https://static.igem.wiki/teams/5247/landing/treatmentnoloop.gif" bg=''></FadeIn>
+          <FadeIn filepath="https://static.igem.wiki/teams/5247/landing/precyse.gif" bg=''></FadeIn>
+          <FadeIn filepath="https://static.igem.wiki/teams/5247/landing/airbuddy.gif" bg=''></FadeIn>
+          <FadeIn filepath="https://static.igem.wiki/teams/5247/landing/primeguide.webp" bg=''></FadeIn>
+          
+          {/* Spacing Block */}
+          <div className='col' style={{ 'height': '100vh' }}></div>
         </div>
       </div> 
     </div>