diff --git a/docs/404.html b/docs/404.html
index 68d74e0..8c7affb 100644
--- a/docs/404.html
+++ b/docs/404.html
@@ -290,7 +290,7 @@
 	    
 	    
 	    
-	    <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
+	    
 	    <link rel="preload" fetchpriority="high" as="image" href="https://hluebbering.github.io/images/new/final/shadow.webp" type="image/webp" />
 
 
@@ -301,6 +301,7 @@
     <!-- profile photo -->
     
     <div class = "ava">
+      <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
     <div class = "avatar-img" fetchpriority="high" style="background-image: url(https://hluebbering.github.io/images/new/final/shadow.webp);"></div>
     <div class="avatar-frame" style = "background-image: url(https://hluebbering.github.io/images/bgs/icon1.webp) !important;"></div>
     
@@ -389,7 +390,7 @@
       <p class="style__p-surtitre caps no_margin">© 2023</p>
       <div>
         <p class="style__p-surtitre caps no_margin">DEV BY</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" loading="lazy" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d" alt="" class="flower_footer" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" width="12" height="22" loading="lazy" style="object-fit: contain;" alt="" class="flower_footer" />
         <p class="style__p-surtitre caps no_margin">
           <a href="https://codepen.io/hluebbering/" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da6fd" style="color: rgb(11, 11, 11)" target="_blank" class="link_leoparpeix hover_grey">Hannah Luebbering</a>
         </p>
@@ -401,7 +402,7 @@
     <div class="div__content-link right marginbot">
       <a href="#" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da717" class="w-inline-block">
         <p style="color: rgb(11, 11, 11)" class="style__p-surtitre caps no_margin">BACK TO TOP</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" alt="" class="arrow_backtotop" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" height="12" alt="" class="arrow_backtotop" />
       </a>
     </div>
   </div>
diff --git a/docs/blog/google-page-rank/index.html b/docs/blog/google-page-rank/index.html
index 86874bc..a48d93d 100644
--- a/docs/blog/google-page-rank/index.html
+++ b/docs/blog/google-page-rank/index.html
@@ -290,7 +290,7 @@
 	    
 	    
 	    
-	    <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
+	    
 	    <link rel="preload" fetchpriority="high" as="image" href="https://hluebbering.github.io/images/new/final/shadow.webp" type="image/webp" />
 
 
@@ -301,6 +301,7 @@
     <!-- profile photo -->
     
     <div class = "ava">
+      <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
     <div class = "avatar-img" fetchpriority="high" style="background-image: url(https://hluebbering.github.io/images/new/final/shadow.webp);"></div>
     <div class="avatar-frame" style = "background-image: url(https://hluebbering.github.io/images/bgs/icon1.webp) !important;"></div>
     
@@ -480,7 +481,7 @@ <h1>Google&#39;s PageRank</h1>
       <p class="style__p-surtitre caps no_margin">© 2023</p>
       <div>
         <p class="style__p-surtitre caps no_margin">DEV BY</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" loading="lazy" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d" alt="" class="flower_footer" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" width="12" height="22" loading="lazy" style="object-fit: contain;" alt="" class="flower_footer" />
         <p class="style__p-surtitre caps no_margin">
           <a href="https://codepen.io/hluebbering/" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da6fd" style="color: rgb(11, 11, 11)" target="_blank" class="link_leoparpeix hover_grey">Hannah Luebbering</a>
         </p>
@@ -492,7 +493,7 @@ <h1>Google&#39;s PageRank</h1>
     <div class="div__content-link right marginbot">
       <a href="#" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da717" class="w-inline-block">
         <p style="color: rgb(11, 11, 11)" class="style__p-surtitre caps no_margin">BACK TO TOP</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" alt="" class="arrow_backtotop" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" height="12" alt="" class="arrow_backtotop" />
       </a>
     </div>
   </div>
diff --git a/docs/blog/index.html b/docs/blog/index.html
index 56d11d7..b6cdd9a 100644
--- a/docs/blog/index.html
+++ b/docs/blog/index.html
@@ -291,7 +291,7 @@
 	    
 	    
 	    
-	    <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
+	    
 	    <link rel="preload" fetchpriority="high" as="image" href="https://hluebbering.github.io/images/new/final/shadow.webp" type="image/webp" />
 
 
@@ -302,6 +302,7 @@
     <!-- profile photo -->
     
     <div class = "ava">
+      <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
     <div class = "avatar-img" fetchpriority="high" style="background-image: url(https://hluebbering.github.io/images/new/final/shadow.webp);"></div>
     <div class="avatar-frame" style = "background-image: url(https://hluebbering.github.io/images/bgs/icon1.webp) !important;"></div>
     
@@ -447,7 +448,7 @@
       <p class="style__p-surtitre caps no_margin">© 2023</p>
       <div>
         <p class="style__p-surtitre caps no_margin">DEV BY</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" loading="lazy" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d" alt="" class="flower_footer" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" width="12" height="22" loading="lazy" style="object-fit: contain;" alt="" class="flower_footer" />
         <p class="style__p-surtitre caps no_margin">
           <a href="https://codepen.io/hluebbering/" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da6fd" style="color: rgb(11, 11, 11)" target="_blank" class="link_leoparpeix hover_grey">Hannah Luebbering</a>
         </p>
@@ -459,7 +460,7 @@
     <div class="div__content-link right marginbot">
       <a href="#" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da717" class="w-inline-block">
         <p style="color: rgb(11, 11, 11)" class="style__p-surtitre caps no_margin">BACK TO TOP</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" alt="" class="arrow_backtotop" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" height="12" alt="" class="arrow_backtotop" />
       </a>
     </div>
   </div>
diff --git a/docs/blog/multimodal-neurons/index.html b/docs/blog/multimodal-neurons/index.html
index fcc4403..623c2dc 100644
--- a/docs/blog/multimodal-neurons/index.html
+++ b/docs/blog/multimodal-neurons/index.html
@@ -290,7 +290,7 @@
 	    
 	    
 	    
-	    <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
+	    
 	    <link rel="preload" fetchpriority="high" as="image" href="https://hluebbering.github.io/images/new/final/shadow.webp" type="image/webp" />
 
 
@@ -301,6 +301,7 @@
     <!-- profile photo -->
     
     <div class = "ava">
+      <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
     <div class = "avatar-img" fetchpriority="high" style="background-image: url(https://hluebbering.github.io/images/new/final/shadow.webp);"></div>
     <div class="avatar-frame" style = "background-image: url(https://hluebbering.github.io/images/bgs/icon1.webp) !important;"></div>
     
@@ -480,7 +481,7 @@ <h1>Multimodal Neurons in Neural Networks</h1>
       <p class="style__p-surtitre caps no_margin">© 2023</p>
       <div>
         <p class="style__p-surtitre caps no_margin">DEV BY</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" loading="lazy" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d" alt="" class="flower_footer" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" width="12" height="22" loading="lazy" style="object-fit: contain;" alt="" class="flower_footer" />
         <p class="style__p-surtitre caps no_margin">
           <a href="https://codepen.io/hluebbering/" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da6fd" style="color: rgb(11, 11, 11)" target="_blank" class="link_leoparpeix hover_grey">Hannah Luebbering</a>
         </p>
@@ -492,7 +493,7 @@ <h1>Multimodal Neurons in Neural Networks</h1>
     <div class="div__content-link right marginbot">
       <a href="#" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da717" class="w-inline-block">
         <p style="color: rgb(11, 11, 11)" class="style__p-surtitre caps no_margin">BACK TO TOP</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" alt="" class="arrow_backtotop" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" height="12" alt="" class="arrow_backtotop" />
       </a>
     </div>
   </div>
diff --git a/docs/blog/space-exploration-data/index.html b/docs/blog/space-exploration-data/index.html
index 739f452..d27830b 100644
--- a/docs/blog/space-exploration-data/index.html
+++ b/docs/blog/space-exploration-data/index.html
@@ -290,7 +290,7 @@
 	    
 	    
 	    
-	    <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
+	    
 	    <link rel="preload" fetchpriority="high" as="image" href="https://hluebbering.github.io/images/new/final/shadow.webp" type="image/webp" />
 
 
@@ -301,6 +301,7 @@
     <!-- profile photo -->
     
     <div class = "ava">
+      <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
     <div class = "avatar-img" fetchpriority="high" style="background-image: url(https://hluebbering.github.io/images/new/final/shadow.webp);"></div>
     <div class="avatar-frame" style = "background-image: url(https://hluebbering.github.io/images/bgs/icon1.webp) !important;"></div>
     
@@ -486,7 +487,7 @@ <h1>Space Exploration Data Analysis</h1>
       <p class="style__p-surtitre caps no_margin">© 2023</p>
       <div>
         <p class="style__p-surtitre caps no_margin">DEV BY</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" loading="lazy" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d" alt="" class="flower_footer" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" width="12" height="22" loading="lazy" style="object-fit: contain;" alt="" class="flower_footer" />
         <p class="style__p-surtitre caps no_margin">
           <a href="https://codepen.io/hluebbering/" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da6fd" style="color: rgb(11, 11, 11)" target="_blank" class="link_leoparpeix hover_grey">Hannah Luebbering</a>
         </p>
@@ -498,7 +499,7 @@ <h1>Space Exploration Data Analysis</h1>
     <div class="div__content-link right marginbot">
       <a href="#" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da717" class="w-inline-block">
         <p style="color: rgb(11, 11, 11)" class="style__p-surtitre caps no_margin">BACK TO TOP</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" alt="" class="arrow_backtotop" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" height="12" alt="" class="arrow_backtotop" />
       </a>
     </div>
   </div>
diff --git a/docs/categories/data-science/index.html b/docs/categories/data-science/index.html
index 63500d4..e7a0855 100644
--- a/docs/categories/data-science/index.html
+++ b/docs/categories/data-science/index.html
@@ -291,7 +291,7 @@
 	    
 	    
 	    
-	    <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
+	    
 	    <link rel="preload" fetchpriority="high" as="image" href="https://hluebbering.github.io/images/new/final/shadow.webp" type="image/webp" />
 
 
@@ -302,6 +302,7 @@
     <!-- profile photo -->
     
     <div class = "ava">
+      <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
     <div class = "avatar-img" fetchpriority="high" style="background-image: url(https://hluebbering.github.io/images/new/final/shadow.webp);"></div>
     <div class="avatar-frame" style = "background-image: url(https://hluebbering.github.io/images/bgs/icon1.webp) !important;"></div>
     
@@ -411,7 +412,7 @@
       <p class="style__p-surtitre caps no_margin">© 2023</p>
       <div>
         <p class="style__p-surtitre caps no_margin">DEV BY</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" loading="lazy" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d" alt="" class="flower_footer" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" width="12" height="22" loading="lazy" style="object-fit: contain;" alt="" class="flower_footer" />
         <p class="style__p-surtitre caps no_margin">
           <a href="https://codepen.io/hluebbering/" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da6fd" style="color: rgb(11, 11, 11)" target="_blank" class="link_leoparpeix hover_grey">Hannah Luebbering</a>
         </p>
@@ -423,7 +424,7 @@
     <div class="div__content-link right marginbot">
       <a href="#" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da717" class="w-inline-block">
         <p style="color: rgb(11, 11, 11)" class="style__p-surtitre caps no_margin">BACK TO TOP</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" alt="" class="arrow_backtotop" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" height="12" alt="" class="arrow_backtotop" />
       </a>
     </div>
   </div>
diff --git a/docs/categories/index.html b/docs/categories/index.html
index 3b2bc81..9d902be 100644
--- a/docs/categories/index.html
+++ b/docs/categories/index.html
@@ -291,7 +291,7 @@
 	    
 	    
 	    
-	    <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
+	    
 	    <link rel="preload" fetchpriority="high" as="image" href="https://hluebbering.github.io/images/new/final/shadow.webp" type="image/webp" />
 
 
@@ -302,6 +302,7 @@
     <!-- profile photo -->
     
     <div class = "ava">
+      <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
     <div class = "avatar-img" fetchpriority="high" style="background-image: url(https://hluebbering.github.io/images/new/final/shadow.webp);"></div>
     <div class="avatar-frame" style = "background-image: url(https://hluebbering.github.io/images/bgs/icon1.webp) !important;"></div>
     
@@ -447,7 +448,7 @@
       <p class="style__p-surtitre caps no_margin">© 2023</p>
       <div>
         <p class="style__p-surtitre caps no_margin">DEV BY</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" loading="lazy" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d" alt="" class="flower_footer" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" width="12" height="22" loading="lazy" style="object-fit: contain;" alt="" class="flower_footer" />
         <p class="style__p-surtitre caps no_margin">
           <a href="https://codepen.io/hluebbering/" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da6fd" style="color: rgb(11, 11, 11)" target="_blank" class="link_leoparpeix hover_grey">Hannah Luebbering</a>
         </p>
@@ -459,7 +460,7 @@
     <div class="div__content-link right marginbot">
       <a href="#" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da717" class="w-inline-block">
         <p style="color: rgb(11, 11, 11)" class="style__p-surtitre caps no_margin">BACK TO TOP</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" alt="" class="arrow_backtotop" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" height="12" alt="" class="arrow_backtotop" />
       </a>
     </div>
   </div>
diff --git a/docs/categories/machine-learning/index.html b/docs/categories/machine-learning/index.html
index e335171..4f33bfb 100644
--- a/docs/categories/machine-learning/index.html
+++ b/docs/categories/machine-learning/index.html
@@ -291,7 +291,7 @@
 	    
 	    
 	    
-	    <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
+	    
 	    <link rel="preload" fetchpriority="high" as="image" href="https://hluebbering.github.io/images/new/final/shadow.webp" type="image/webp" />
 
 
@@ -302,6 +302,7 @@
     <!-- profile photo -->
     
     <div class = "ava">
+      <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
     <div class = "avatar-img" fetchpriority="high" style="background-image: url(https://hluebbering.github.io/images/new/final/shadow.webp);"></div>
     <div class="avatar-frame" style = "background-image: url(https://hluebbering.github.io/images/bgs/icon1.webp) !important;"></div>
     
@@ -411,7 +412,7 @@
       <p class="style__p-surtitre caps no_margin">© 2023</p>
       <div>
         <p class="style__p-surtitre caps no_margin">DEV BY</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" loading="lazy" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d" alt="" class="flower_footer" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" width="12" height="22" loading="lazy" style="object-fit: contain;" alt="" class="flower_footer" />
         <p class="style__p-surtitre caps no_margin">
           <a href="https://codepen.io/hluebbering/" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da6fd" style="color: rgb(11, 11, 11)" target="_blank" class="link_leoparpeix hover_grey">Hannah Luebbering</a>
         </p>
@@ -423,7 +424,7 @@
     <div class="div__content-link right marginbot">
       <a href="#" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da717" class="w-inline-block">
         <p style="color: rgb(11, 11, 11)" class="style__p-surtitre caps no_margin">BACK TO TOP</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" alt="" class="arrow_backtotop" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" height="12" alt="" class="arrow_backtotop" />
       </a>
     </div>
   </div>
diff --git a/docs/categories/mathematics/index.html b/docs/categories/mathematics/index.html
index ffc9723..d4783c0 100644
--- a/docs/categories/mathematics/index.html
+++ b/docs/categories/mathematics/index.html
@@ -291,7 +291,7 @@
 	    
 	    
 	    
-	    <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
+	    
 	    <link rel="preload" fetchpriority="high" as="image" href="https://hluebbering.github.io/images/new/final/shadow.webp" type="image/webp" />
 
 
@@ -302,6 +302,7 @@
     <!-- profile photo -->
     
     <div class = "ava">
+      <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
     <div class = "avatar-img" fetchpriority="high" style="background-image: url(https://hluebbering.github.io/images/new/final/shadow.webp);"></div>
     <div class="avatar-frame" style = "background-image: url(https://hluebbering.github.io/images/bgs/icon1.webp) !important;"></div>
     
@@ -411,7 +412,7 @@
       <p class="style__p-surtitre caps no_margin">© 2023</p>
       <div>
         <p class="style__p-surtitre caps no_margin">DEV BY</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" loading="lazy" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d" alt="" class="flower_footer" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" width="12" height="22" loading="lazy" style="object-fit: contain;" alt="" class="flower_footer" />
         <p class="style__p-surtitre caps no_margin">
           <a href="https://codepen.io/hluebbering/" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da6fd" style="color: rgb(11, 11, 11)" target="_blank" class="link_leoparpeix hover_grey">Hannah Luebbering</a>
         </p>
@@ -423,7 +424,7 @@
     <div class="div__content-link right marginbot">
       <a href="#" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da717" class="w-inline-block">
         <p style="color: rgb(11, 11, 11)" class="style__p-surtitre caps no_margin">BACK TO TOP</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" alt="" class="arrow_backtotop" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" height="12" alt="" class="arrow_backtotop" />
       </a>
     </div>
   </div>
diff --git a/docs/index.html b/docs/index.html
index 5379227..a029eaf 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -293,7 +293,7 @@
 	    
 	    
 	    
-	    <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
+	    
 	    <link rel="preload" fetchpriority="high" as="image" href="https://hluebbering.github.io/images/new/final/shadow.webp" type="image/webp" />
 
 
@@ -304,6 +304,7 @@
     <!-- profile photo -->
     
     <div class = "ava">
+      <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
     <div class = "avatar-img" fetchpriority="high" style="background-image: url(https://hluebbering.github.io/images/new/final/shadow.webp);"></div>
     <div class="avatar-frame" style = "background-image: url(https://hluebbering.github.io/images/bgs/icon1.webp) !important;"></div>
     
@@ -1584,7 +1585,7 @@ <h2 class="advantages__title title" data-aos="animation-scale-y"  data-aos-delay
       <p class="style__p-surtitre caps no_margin">© 2023</p>
       <div>
         <p class="style__p-surtitre caps no_margin">DEV BY</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" loading="lazy" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d" alt="" class="flower_footer" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" width="12" height="22" loading="lazy" style="object-fit: contain;" alt="" class="flower_footer" />
         <p class="style__p-surtitre caps no_margin">
           <a href="https://codepen.io/hluebbering/" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da6fd" style="color: rgb(11, 11, 11)" target="_blank" class="link_leoparpeix hover_grey">Hannah Luebbering</a>
         </p>
@@ -1596,7 +1597,7 @@ <h2 class="advantages__title title" data-aos="animation-scale-y"  data-aos-delay
     <div class="div__content-link right marginbot">
       <a href="#" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da717" class="w-inline-block">
         <p style="color: rgb(11, 11, 11)" class="style__p-surtitre caps no_margin">BACK TO TOP</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" alt="" class="arrow_backtotop" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" height="12" alt="" class="arrow_backtotop" />
       </a>
     </div>
   </div>
diff --git a/docs/portfolio/digital-music/index.html b/docs/portfolio/digital-music/index.html
index e7bb9c6..0899887 100644
--- a/docs/portfolio/digital-music/index.html
+++ b/docs/portfolio/digital-music/index.html
@@ -290,7 +290,7 @@
 	    
 	    
 	    
-	    <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
+	    
 	    <link rel="preload" fetchpriority="high" as="image" href="https://hluebbering.github.io/images/new/final/shadow.webp" type="image/webp" />
 
 
@@ -301,6 +301,7 @@
     <!-- profile photo -->
     
     <div class = "ava">
+      <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
     <div class = "avatar-img" fetchpriority="high" style="background-image: url(https://hluebbering.github.io/images/new/final/shadow.webp);"></div>
     <div class="avatar-frame" style = "background-image: url(https://hluebbering.github.io/images/bgs/icon1.webp) !important;"></div>
     
@@ -389,7 +390,7 @@
       <p class="style__p-surtitre caps no_margin">© 2023</p>
       <div>
         <p class="style__p-surtitre caps no_margin">DEV BY</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" loading="lazy" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d" alt="" class="flower_footer" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" width="12" height="22" loading="lazy" style="object-fit: contain;" alt="" class="flower_footer" />
         <p class="style__p-surtitre caps no_margin">
           <a href="https://codepen.io/hluebbering/" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da6fd" style="color: rgb(11, 11, 11)" target="_blank" class="link_leoparpeix hover_grey">Hannah Luebbering</a>
         </p>
@@ -401,7 +402,7 @@
     <div class="div__content-link right marginbot">
       <a href="#" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da717" class="w-inline-block">
         <p style="color: rgb(11, 11, 11)" class="style__p-surtitre caps no_margin">BACK TO TOP</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" alt="" class="arrow_backtotop" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" height="12" alt="" class="arrow_backtotop" />
       </a>
     </div>
   </div>
diff --git a/docs/portfolio/exploratory-analysis/index.html b/docs/portfolio/exploratory-analysis/index.html
index 25c75a5..dd7b72e 100644
--- a/docs/portfolio/exploratory-analysis/index.html
+++ b/docs/portfolio/exploratory-analysis/index.html
@@ -290,7 +290,7 @@
 	    
 	    
 	    
-	    <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
+	    
 	    <link rel="preload" fetchpriority="high" as="image" href="https://hluebbering.github.io/images/new/final/shadow.webp" type="image/webp" />
 
 
@@ -301,6 +301,7 @@
     <!-- profile photo -->
     
     <div class = "ava">
+      <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
     <div class = "avatar-img" fetchpriority="high" style="background-image: url(https://hluebbering.github.io/images/new/final/shadow.webp);"></div>
     <div class="avatar-frame" style = "background-image: url(https://hluebbering.github.io/images/bgs/icon1.webp) !important;"></div>
     
@@ -389,7 +390,7 @@
       <p class="style__p-surtitre caps no_margin">© 2023</p>
       <div>
         <p class="style__p-surtitre caps no_margin">DEV BY</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" loading="lazy" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d" alt="" class="flower_footer" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" width="12" height="22" loading="lazy" style="object-fit: contain;" alt="" class="flower_footer" />
         <p class="style__p-surtitre caps no_margin">
           <a href="https://codepen.io/hluebbering/" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da6fd" style="color: rgb(11, 11, 11)" target="_blank" class="link_leoparpeix hover_grey">Hannah Luebbering</a>
         </p>
@@ -401,7 +402,7 @@
     <div class="div__content-link right marginbot">
       <a href="#" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da717" class="w-inline-block">
         <p style="color: rgb(11, 11, 11)" class="style__p-surtitre caps no_margin">BACK TO TOP</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" alt="" class="arrow_backtotop" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" height="12" alt="" class="arrow_backtotop" />
       </a>
     </div>
   </div>
diff --git a/docs/portfolio/index.html b/docs/portfolio/index.html
index ea878e7..6e8edc8 100644
--- a/docs/portfolio/index.html
+++ b/docs/portfolio/index.html
@@ -291,7 +291,7 @@
 	    
 	    
 	    
-	    <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
+	    
 	    <link rel="preload" fetchpriority="high" as="image" href="https://hluebbering.github.io/images/new/final/shadow.webp" type="image/webp" />
 
 
@@ -302,6 +302,7 @@
     <!-- profile photo -->
     
     <div class = "ava">
+      <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
     <div class = "avatar-img" fetchpriority="high" style="background-image: url(https://hluebbering.github.io/images/new/final/shadow.webp);"></div>
     <div class="avatar-frame" style = "background-image: url(https://hluebbering.github.io/images/bgs/icon1.webp) !important;"></div>
     
@@ -797,7 +798,7 @@ <h1>Shiny and Learnr in Randomized Trials</h1>
       <p class="style__p-surtitre caps no_margin">© 2023</p>
       <div>
         <p class="style__p-surtitre caps no_margin">DEV BY</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" loading="lazy" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d" alt="" class="flower_footer" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" width="12" height="22" loading="lazy" style="object-fit: contain;" alt="" class="flower_footer" />
         <p class="style__p-surtitre caps no_margin">
           <a href="https://codepen.io/hluebbering/" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da6fd" style="color: rgb(11, 11, 11)" target="_blank" class="link_leoparpeix hover_grey">Hannah Luebbering</a>
         </p>
@@ -809,7 +810,7 @@ <h1>Shiny and Learnr in Randomized Trials</h1>
     <div class="div__content-link right marginbot">
       <a href="#" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da717" class="w-inline-block">
         <p style="color: rgb(11, 11, 11)" class="style__p-surtitre caps no_margin">BACK TO TOP</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" alt="" class="arrow_backtotop" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" height="12" alt="" class="arrow_backtotop" />
       </a>
     </div>
   </div>
diff --git a/docs/portfolio/model-neurons/index.html b/docs/portfolio/model-neurons/index.html
index 6a0d3c8..3888552 100644
--- a/docs/portfolio/model-neurons/index.html
+++ b/docs/portfolio/model-neurons/index.html
@@ -290,7 +290,7 @@
 	    
 	    
 	    
-	    <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
+	    
 	    <link rel="preload" fetchpriority="high" as="image" href="https://hluebbering.github.io/images/new/final/shadow.webp" type="image/webp" />
 
 
@@ -301,6 +301,7 @@
     <!-- profile photo -->
     
     <div class = "ava">
+      <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
     <div class = "avatar-img" fetchpriority="high" style="background-image: url(https://hluebbering.github.io/images/new/final/shadow.webp);"></div>
     <div class="avatar-frame" style = "background-image: url(https://hluebbering.github.io/images/bgs/icon1.webp) !important;"></div>
     
@@ -389,7 +390,7 @@
       <p class="style__p-surtitre caps no_margin">© 2023</p>
       <div>
         <p class="style__p-surtitre caps no_margin">DEV BY</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" loading="lazy" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d" alt="" class="flower_footer" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" width="12" height="22" loading="lazy" style="object-fit: contain;" alt="" class="flower_footer" />
         <p class="style__p-surtitre caps no_margin">
           <a href="https://codepen.io/hluebbering/" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da6fd" style="color: rgb(11, 11, 11)" target="_blank" class="link_leoparpeix hover_grey">Hannah Luebbering</a>
         </p>
@@ -401,7 +402,7 @@
     <div class="div__content-link right marginbot">
       <a href="#" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da717" class="w-inline-block">
         <p style="color: rgb(11, 11, 11)" class="style__p-surtitre caps no_margin">BACK TO TOP</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" alt="" class="arrow_backtotop" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" height="12" alt="" class="arrow_backtotop" />
       </a>
     </div>
   </div>
diff --git a/docs/portfolio/playlist-report/index.html b/docs/portfolio/playlist-report/index.html
index 87b5ab2..697f64d 100644
--- a/docs/portfolio/playlist-report/index.html
+++ b/docs/portfolio/playlist-report/index.html
@@ -290,7 +290,7 @@
 	    
 	    
 	    
-	    <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
+	    
 	    <link rel="preload" fetchpriority="high" as="image" href="https://hluebbering.github.io/images/new/final/shadow.webp" type="image/webp" />
 
 
@@ -301,6 +301,7 @@
     <!-- profile photo -->
     
     <div class = "ava">
+      <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
     <div class = "avatar-img" fetchpriority="high" style="background-image: url(https://hluebbering.github.io/images/new/final/shadow.webp);"></div>
     <div class="avatar-frame" style = "background-image: url(https://hluebbering.github.io/images/bgs/icon1.webp) !important;"></div>
     
@@ -389,7 +390,7 @@
       <p class="style__p-surtitre caps no_margin">© 2023</p>
       <div>
         <p class="style__p-surtitre caps no_margin">DEV BY</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" loading="lazy" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d" alt="" class="flower_footer" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" width="12" height="22" loading="lazy" style="object-fit: contain;" alt="" class="flower_footer" />
         <p class="style__p-surtitre caps no_margin">
           <a href="https://codepen.io/hluebbering/" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da6fd" style="color: rgb(11, 11, 11)" target="_blank" class="link_leoparpeix hover_grey">Hannah Luebbering</a>
         </p>
@@ -401,7 +402,7 @@
     <div class="div__content-link right marginbot">
       <a href="#" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da717" class="w-inline-block">
         <p style="color: rgb(11, 11, 11)" class="style__p-surtitre caps no_margin">BACK TO TOP</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" alt="" class="arrow_backtotop" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" height="12" alt="" class="arrow_backtotop" />
       </a>
     </div>
   </div>
diff --git a/docs/portfolio/shiny-learnr/index.html b/docs/portfolio/shiny-learnr/index.html
index 213a279..63c8c30 100644
--- a/docs/portfolio/shiny-learnr/index.html
+++ b/docs/portfolio/shiny-learnr/index.html
@@ -290,7 +290,7 @@
 	    
 	    
 	    
-	    <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
+	    
 	    <link rel="preload" fetchpriority="high" as="image" href="https://hluebbering.github.io/images/new/final/shadow.webp" type="image/webp" />
 
 
@@ -301,6 +301,7 @@
     <!-- profile photo -->
     
     <div class = "ava">
+      <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
     <div class = "avatar-img" fetchpriority="high" style="background-image: url(https://hluebbering.github.io/images/new/final/shadow.webp);"></div>
     <div class="avatar-frame" style = "background-image: url(https://hluebbering.github.io/images/bgs/icon1.webp) !important;"></div>
     
@@ -389,7 +390,7 @@
       <p class="style__p-surtitre caps no_margin">© 2023</p>
       <div>
         <p class="style__p-surtitre caps no_margin">DEV BY</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" loading="lazy" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d" alt="" class="flower_footer" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" width="12" height="22" loading="lazy" style="object-fit: contain;" alt="" class="flower_footer" />
         <p class="style__p-surtitre caps no_margin">
           <a href="https://codepen.io/hluebbering/" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da6fd" style="color: rgb(11, 11, 11)" target="_blank" class="link_leoparpeix hover_grey">Hannah Luebbering</a>
         </p>
@@ -401,7 +402,7 @@
     <div class="div__content-link right marginbot">
       <a href="#" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da717" class="w-inline-block">
         <p style="color: rgb(11, 11, 11)" class="style__p-surtitre caps no_margin">BACK TO TOP</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" alt="" class="arrow_backtotop" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" height="12" alt="" class="arrow_backtotop" />
       </a>
     </div>
   </div>
diff --git a/docs/portfolio/spotify-data-analysis/index.html b/docs/portfolio/spotify-data-analysis/index.html
index 3e96f89..2bdea3e 100644
--- a/docs/portfolio/spotify-data-analysis/index.html
+++ b/docs/portfolio/spotify-data-analysis/index.html
@@ -290,7 +290,7 @@
 	    
 	    
 	    
-	    <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
+	    
 	    <link rel="preload" fetchpriority="high" as="image" href="https://hluebbering.github.io/images/new/final/shadow.webp" type="image/webp" />
 
 
@@ -301,6 +301,7 @@
     <!-- profile photo -->
     
     <div class = "ava">
+      <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
     <div class = "avatar-img" fetchpriority="high" style="background-image: url(https://hluebbering.github.io/images/new/final/shadow.webp);"></div>
     <div class="avatar-frame" style = "background-image: url(https://hluebbering.github.io/images/bgs/icon1.webp) !important;"></div>
     
@@ -389,7 +390,7 @@
       <p class="style__p-surtitre caps no_margin">© 2023</p>
       <div>
         <p class="style__p-surtitre caps no_margin">DEV BY</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" loading="lazy" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d" alt="" class="flower_footer" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" width="12" height="22" loading="lazy" style="object-fit: contain;" alt="" class="flower_footer" />
         <p class="style__p-surtitre caps no_margin">
           <a href="https://codepen.io/hluebbering/" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da6fd" style="color: rgb(11, 11, 11)" target="_blank" class="link_leoparpeix hover_grey">Hannah Luebbering</a>
         </p>
@@ -401,7 +402,7 @@
     <div class="div__content-link right marginbot">
       <a href="#" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da717" class="w-inline-block">
         <p style="color: rgb(11, 11, 11)" class="style__p-surtitre caps no_margin">BACK TO TOP</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" alt="" class="arrow_backtotop" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" height="12" alt="" class="arrow_backtotop" />
       </a>
     </div>
   </div>
diff --git a/docs/portfolio/statistical-machine-learning/index.html b/docs/portfolio/statistical-machine-learning/index.html
index 323b681..547ff98 100644
--- a/docs/portfolio/statistical-machine-learning/index.html
+++ b/docs/portfolio/statistical-machine-learning/index.html
@@ -290,7 +290,7 @@
 	    
 	    
 	    
-	    <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
+	    
 	    <link rel="preload" fetchpriority="high" as="image" href="https://hluebbering.github.io/images/new/final/shadow.webp" type="image/webp" />
 
 
@@ -301,6 +301,7 @@
     <!-- profile photo -->
     
     <div class = "ava">
+      <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
     <div class = "avatar-img" fetchpriority="high" style="background-image: url(https://hluebbering.github.io/images/new/final/shadow.webp);"></div>
     <div class="avatar-frame" style = "background-image: url(https://hluebbering.github.io/images/bgs/icon1.webp) !important;"></div>
     
@@ -389,7 +390,7 @@
       <p class="style__p-surtitre caps no_margin">© 2023</p>
       <div>
         <p class="style__p-surtitre caps no_margin">DEV BY</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" loading="lazy" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d" alt="" class="flower_footer" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" width="12" height="22" loading="lazy" style="object-fit: contain;" alt="" class="flower_footer" />
         <p class="style__p-surtitre caps no_margin">
           <a href="https://codepen.io/hluebbering/" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da6fd" style="color: rgb(11, 11, 11)" target="_blank" class="link_leoparpeix hover_grey">Hannah Luebbering</a>
         </p>
@@ -401,7 +402,7 @@
     <div class="div__content-link right marginbot">
       <a href="#" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da717" class="w-inline-block">
         <p style="color: rgb(11, 11, 11)" class="style__p-surtitre caps no_margin">BACK TO TOP</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" alt="" class="arrow_backtotop" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" height="12" alt="" class="arrow_backtotop" />
       </a>
     </div>
   </div>
diff --git a/docs/portfolio/twitter-api/index.html b/docs/portfolio/twitter-api/index.html
index ad4c61e..a6abc66 100644
--- a/docs/portfolio/twitter-api/index.html
+++ b/docs/portfolio/twitter-api/index.html
@@ -290,7 +290,7 @@
 	    
 	    
 	    
-	    <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
+	    
 	    <link rel="preload" fetchpriority="high" as="image" href="https://hluebbering.github.io/images/new/final/shadow.webp" type="image/webp" />
 
 
@@ -301,6 +301,7 @@
     <!-- profile photo -->
     
     <div class = "ava">
+      <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
     <div class = "avatar-img" fetchpriority="high" style="background-image: url(https://hluebbering.github.io/images/new/final/shadow.webp);"></div>
     <div class="avatar-frame" style = "background-image: url(https://hluebbering.github.io/images/bgs/icon1.webp) !important;"></div>
     
@@ -389,7 +390,7 @@
       <p class="style__p-surtitre caps no_margin">© 2023</p>
       <div>
         <p class="style__p-surtitre caps no_margin">DEV BY</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" loading="lazy" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d" alt="" class="flower_footer" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" width="12" height="22" loading="lazy" style="object-fit: contain;" alt="" class="flower_footer" />
         <p class="style__p-surtitre caps no_margin">
           <a href="https://codepen.io/hluebbering/" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da6fd" style="color: rgb(11, 11, 11)" target="_blank" class="link_leoparpeix hover_grey">Hannah Luebbering</a>
         </p>
@@ -401,7 +402,7 @@
     <div class="div__content-link right marginbot">
       <a href="#" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da717" class="w-inline-block">
         <p style="color: rgb(11, 11, 11)" class="style__p-surtitre caps no_margin">BACK TO TOP</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" alt="" class="arrow_backtotop" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" height="12" alt="" class="arrow_backtotop" />
       </a>
     </div>
   </div>
diff --git a/docs/tags/index.html b/docs/tags/index.html
index 3d1053c..21526c5 100644
--- a/docs/tags/index.html
+++ b/docs/tags/index.html
@@ -291,7 +291,7 @@
 	    
 	    
 	    
-	    <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
+	    
 	    <link rel="preload" fetchpriority="high" as="image" href="https://hluebbering.github.io/images/new/final/shadow.webp" type="image/webp" />
 
 
@@ -302,6 +302,7 @@
     <!-- profile photo -->
     
     <div class = "ava">
+      <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
     <div class = "avatar-img" fetchpriority="high" style="background-image: url(https://hluebbering.github.io/images/new/final/shadow.webp);"></div>
     <div class="avatar-frame" style = "background-image: url(https://hluebbering.github.io/images/bgs/icon1.webp) !important;"></div>
     
@@ -429,7 +430,7 @@
       <p class="style__p-surtitre caps no_margin">© 2023</p>
       <div>
         <p class="style__p-surtitre caps no_margin">DEV BY</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" loading="lazy" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d" alt="" class="flower_footer" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" width="12" height="22" loading="lazy" style="object-fit: contain;" alt="" class="flower_footer" />
         <p class="style__p-surtitre caps no_margin">
           <a href="https://codepen.io/hluebbering/" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da6fd" style="color: rgb(11, 11, 11)" target="_blank" class="link_leoparpeix hover_grey">Hannah Luebbering</a>
         </p>
@@ -441,7 +442,7 @@
     <div class="div__content-link right marginbot">
       <a href="#" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da717" class="w-inline-block">
         <p style="color: rgb(11, 11, 11)" class="style__p-surtitre caps no_margin">BACK TO TOP</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" alt="" class="arrow_backtotop" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" height="12" alt="" class="arrow_backtotop" />
       </a>
     </div>
   </div>
diff --git a/docs/tags/mobile/index.html b/docs/tags/mobile/index.html
index 187ba72..49d76cd 100644
--- a/docs/tags/mobile/index.html
+++ b/docs/tags/mobile/index.html
@@ -291,7 +291,7 @@
 	    
 	    
 	    
-	    <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
+	    
 	    <link rel="preload" fetchpriority="high" as="image" href="https://hluebbering.github.io/images/new/final/shadow.webp" type="image/webp" />
 
 
@@ -302,6 +302,7 @@
     <!-- profile photo -->
     
     <div class = "ava">
+      <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
     <div class = "avatar-img" fetchpriority="high" style="background-image: url(https://hluebbering.github.io/images/new/final/shadow.webp);"></div>
     <div class="avatar-frame" style = "background-image: url(https://hluebbering.github.io/images/bgs/icon1.webp) !important;"></div>
     
@@ -429,7 +430,7 @@
       <p class="style__p-surtitre caps no_margin">© 2023</p>
       <div>
         <p class="style__p-surtitre caps no_margin">DEV BY</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" loading="lazy" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d" alt="" class="flower_footer" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" width="12" height="22" loading="lazy" style="object-fit: contain;" alt="" class="flower_footer" />
         <p class="style__p-surtitre caps no_margin">
           <a href="https://codepen.io/hluebbering/" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da6fd" style="color: rgb(11, 11, 11)" target="_blank" class="link_leoparpeix hover_grey">Hannah Luebbering</a>
         </p>
@@ -441,7 +442,7 @@
     <div class="div__content-link right marginbot">
       <a href="#" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da717" class="w-inline-block">
         <p style="color: rgb(11, 11, 11)" class="style__p-surtitre caps no_margin">BACK TO TOP</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" alt="" class="arrow_backtotop" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" height="12" alt="" class="arrow_backtotop" />
       </a>
     </div>
   </div>
diff --git a/docs/tags/website/index.html b/docs/tags/website/index.html
index 2ce1a33..d07e564 100644
--- a/docs/tags/website/index.html
+++ b/docs/tags/website/index.html
@@ -291,7 +291,7 @@
 	    
 	    
 	    
-	    <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
+	    
 	    <link rel="preload" fetchpriority="high" as="image" href="https://hluebbering.github.io/images/new/final/shadow.webp" type="image/webp" />
 
 
@@ -302,6 +302,7 @@
     <!-- profile photo -->
     
     <div class = "ava">
+      <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
     <div class = "avatar-img" fetchpriority="high" style="background-image: url(https://hluebbering.github.io/images/new/final/shadow.webp);"></div>
     <div class="avatar-frame" style = "background-image: url(https://hluebbering.github.io/images/bgs/icon1.webp) !important;"></div>
     
@@ -411,7 +412,7 @@
       <p class="style__p-surtitre caps no_margin">© 2023</p>
       <div>
         <p class="style__p-surtitre caps no_margin">DEV BY</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" loading="lazy" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d" alt="" class="flower_footer" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" width="12" height="22" loading="lazy" style="object-fit: contain;" alt="" class="flower_footer" />
         <p class="style__p-surtitre caps no_margin">
           <a href="https://codepen.io/hluebbering/" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da6fd" style="color: rgb(11, 11, 11)" target="_blank" class="link_leoparpeix hover_grey">Hannah Luebbering</a>
         </p>
@@ -423,7 +424,7 @@
     <div class="div__content-link right marginbot">
       <a href="#" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da717" class="w-inline-block">
         <p style="color: rgb(11, 11, 11)" class="style__p-surtitre caps no_margin">BACK TO TOP</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" alt="" class="arrow_backtotop" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" height="12" alt="" class="arrow_backtotop" />
       </a>
     </div>
   </div>
diff --git a/docs/test/index.html b/docs/test/index.html
index e20c139..99b18bc 100644
--- a/docs/test/index.html
+++ b/docs/test/index.html
@@ -290,7 +290,7 @@
 	    
 	    
 	    
-	    <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
+	    
 	    <link rel="preload" fetchpriority="high" as="image" href="https://hluebbering.github.io/images/new/final/shadow.webp" type="image/webp" />
 
 
@@ -301,6 +301,7 @@
     <!-- profile photo -->
     
     <div class = "ava">
+      <link rel="preload" href="https://hluebbering.github.io/images/new/final/shadow.webp" as="image" fetchpriority="high">
     <div class = "avatar-img" fetchpriority="high" style="background-image: url(https://hluebbering.github.io/images/new/final/shadow.webp);"></div>
     <div class="avatar-frame" style = "background-image: url(https://hluebbering.github.io/images/bgs/icon1.webp) !important;"></div>
     
@@ -390,7 +391,7 @@
       <p class="style__p-surtitre caps no_margin">© 2023</p>
       <div>
         <p class="style__p-surtitre caps no_margin">DEV BY</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" loading="lazy" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d" alt="" class="flower_footer" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" width="12" height="22" loading="lazy" style="object-fit: contain;" alt="" class="flower_footer" />
         <p class="style__p-surtitre caps no_margin">
           <a href="https://codepen.io/hluebbering/" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da6fd" style="color: rgb(11, 11, 11)" target="_blank" class="link_leoparpeix hover_grey">Hannah Luebbering</a>
         </p>
@@ -402,7 +403,7 @@
     <div class="div__content-link right marginbot">
       <a href="#" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da717" class="w-inline-block">
         <p style="color: rgb(11, 11, 11)" class="style__p-surtitre caps no_margin">BACK TO TOP</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" alt="" class="arrow_backtotop" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" height="12" alt="" class="arrow_backtotop" />
       </a>
     </div>
   </div>
diff --git a/themes/ryancv/layouts/partials/footer.html b/themes/ryancv/layouts/partials/footer.html
index 28ef5fb..68d3fd2 100644
--- a/themes/ryancv/layouts/partials/footer.html
+++ b/themes/ryancv/layouts/partials/footer.html
@@ -4,7 +4,7 @@
       <p class="style__p-surtitre caps no_margin">© 2023</p>
       <div>
         <p class="style__p-surtitre caps no_margin">DEV BY</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" loading="lazy" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d" alt="" class="flower_footer" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/62b83699f1e18e84e44f632d_Fleur_leo-Parpeix_2022.png" width="12" height="22" loading="lazy" style="object-fit: contain;" alt="" class="flower_footer" />
         <p class="style__p-surtitre caps no_margin">
           <a href="https://codepen.io/hluebbering/" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da6fd" style="color: rgb(11, 11, 11)" target="_blank" class="link_leoparpeix hover_grey">Hannah Luebbering</a>
         </p>
@@ -16,7 +16,7 @@
     <div class="div__content-link right marginbot">
       <a href="#" data-w-id="c4f44e0c-e8f9-f86a-8ea4-b8b3013da717" class="w-inline-block">
         <p style="color: rgb(11, 11, 11)" class="style__p-surtitre caps no_margin">BACK TO TOP</p>
-        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" alt="" class="arrow_backtotop" />
+        <img src="https://uploads-ssl.webflow.com/622dbec40bef54e41bd8c025/629ca051c703f30f006442a3_Arrow.svg" loading="lazy" width="12" height="12" alt="" class="arrow_backtotop" />
       </a>
     </div>
   </div>
diff --git a/themes/ryancv/layouts/partials/vcard.html b/themes/ryancv/layouts/partials/vcard.html
index a99ec7f..1b55303 100644
--- a/themes/ryancv/layouts/partials/vcard.html
+++ b/themes/ryancv/layouts/partials/vcard.html
@@ -34,7 +34,7 @@
 	    
 	    <!-- PRELOAD LARGE IMAGE -->
 	    <!-- PRELOAD LARGE IMAGE -->
-	    <link rel="preload" href="{{ .bgimage | absURL }}" as="image" fetchpriority="high">
+	    
 	    <link rel="preload" fetchpriority="high" as="image" href="{{ "images/new/final/shadow.webp" | absURL }}" type="image/webp" />
 
 
@@ -45,6 +45,7 @@
     {{ "<!-- profile photo -->" | safeHTML }}
     {{ if .photo }}
     <div class = "ava">
+      <link rel="preload" href="{{ .bgimage | absURL }}" as="image" fetchpriority="high">
     <div class = "avatar-img" fetchpriority="high" style="background-image: url({{ .bgimage | absURL }});"></div>
     <div class="avatar-frame" style = "background-image: url({{ .photo | absURL }}) !important;"></div>