overlay text

index.html

@@ -121,9 +121,15 @@
                 </div>
             </div>
             <div class="flex w-1/2 flex-wrap">
-                <div class="w-full p-1 md:p-2">
+                <div class="w-full p-1 md:p-2 relative">
                     <img alt="gallery" class="block h-full w-full object-cover object-center"
                         src="img/front-slide-img-03-min.jpg" />
+                    <div class="absolute bottom-10 left-2 right-2 px-4 py-2 bg-secondary opacity-70">
+                        <h3 class="text-xl text-white font-bold">
+                            Hey, I Am The Big Boss</h3>
+                        <p class="mt-2 text-sm text-gray-300">Some description text. Some dummy text here. Welcome to
+                            KindaCode.com</p>
+                    </div>
                 </div>
             </div>
         </div>