Updated the image grid

Code4V · Sep 4, 2024 · de4881c · de4881c
1 parent bc1cae9
commit de4881c
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/nodejs/index.html b/nodejs/index.html
@@ -18,8 +18,12 @@ <h1 class="text-5xl font-bold">Cats and Furs</h1>
   <section class="grid h-64 col-span-5 grid-cols-subgrid"> 
     <ul class="grid col-span-5 gap-4 lg:row-span-2 grid-cols-subgrid">
       <li class="relative col-span-5 md:col-span-1">
-        <img class="object-cover h-full" src="assets/Nami.jpg" alt="">
-        <p class="absolute inset-0 mx-auto text-xl font-bold w-fit place-content-center">NAMI</p>
+
+        <div class="relative h-full overflow-hidden">
+          <div class="absolute inset-0 w-full h-full bg-black opacity-50"></div>
+          <img class="object-cover h-full" src="assets/Nami.jpg" alt="">
+        </div>
+        <p class="absolute inset-0 mx-auto text-xl font-bold text-white w-fit place-content-center">NAMI</p>
       </li>
       <li class="relative col-span-5 md:col-span-1">
         <img class="object-cover h-full" src="assets/Mora.jpg" alt="">