Finish

index.html

@@ -18,11 +18,18 @@
     <main
       class="max-w-[350px] space-y-6 rounded-2xl bg-blue-600 p-6 text-blue-200"
     >
-      <img
-        class="cursor-pointer rounded-lg"
-        src="/images/image-equilibrium.jpg"
-        alt=""
-      />
+      <div class="group relative cursor-pointer">
+        <div
+          class="invisible absolute flex h-full w-full items-center justify-center rounded-lg bg-cyan/50 group-hover:visible"
+        >
+          <img src="/images/icon-view.svg" alt="" />
+        </div>
+        <img
+          class="w-full rounded-lg"
+          src="/images/image-equilibrium.jpg"
+          alt=""
+        />
+      </div>
       <div class="space-y-4">
         <h1
           class="cursor-pointer text-2xl font-semibold text-white hover:text-cyan"
@@ -48,7 +55,7 @@
         <div class="flex items-center justify-start gap-4">
           <img
             class="size-8 rounded-full border-[1px] border-white"
-            src="./public/images/image-avatar.png"
+            src="/images/image-avatar.png"
             alt=""
           />
           <p>