From 4ba57d4155879cb18550c71bd5d9c586f7c05eb0 Mon Sep 17 00:00:00 2001
From: Hadeed Ahmad <hadeedji@gmail.com>
Date: Sat, 24 Aug 2024 15:55:40 +0500
Subject: [PATCH] Finish

---
 index.html | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index b615e2a..6327e7c 100644
--- a/index.html
+++ b/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>