Update index.html

index.html

@@ -100,14 +100,15 @@
             color: var(--white-07);
         }
 
-        footer a {
-            color: var(--sky-500);
-            text-decoration: none;
-            transition: color 0.2s ease;
+        footer img {
+            height: 24px;
+            width: auto;
+            opacity: 0.9;
+            transition: opacity 0.2s ease;
         }
 
-        footer a:hover {
-            color: var(--white);
+        footer a:hover img {
+            opacity: 1;
         }
 
         @media (max-width: 768px) {
@@ -137,7 +138,9 @@
     </main>
 
     <footer>
-        <p>Powered by <a href="https://wordlift.io" target="_blank" rel="noopener">WordLift</a></p>
+        <a href="https://wordlift.io" target="_blank" rel="noopener">
+            <img src="wl-logotype-white.svg" alt="WordLift" />
+        </a>
     </footer>
 </body>
 </html>