update

themes/gallo/layouts/partials/categories.html

@@ -18,15 +18,19 @@
     >
       {{ range .Site.Params.catalogButtons.home }}
       <a
-        class="rounded-xl aspect-[3/2] overflow-hidden"
+        class="rounded-md aspect-[3/2] overflow-hidden group relative inline-block overflow-hidden  hover:scale-[1.02] duratoin-100 transition-all focus:outline-none focus:ring"
         href="/catalog/#{{ .categoryName }}"
       >
+        <span
+          class="absolute inset-x-0 z-10 top-0 h-[1px] bg-black transition-all group-hover:h-full group-active:bg-gray-700"
+        ></span>
         <div class="relative h-full max-w-full">
-          <strong
-            class="text-white w-full z-10 text-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-3xl"
+          <span
+            class="text-white font-bold w-full z-10 text-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-3xl"
           >
             {{ .categoryName }}
-        </strong>
+        </span>
+
           <img
             class="min-h-full h-auto w-full opacity-90"
             src="{{ .img }}"

themes/gallo/layouts/partials/rental_catalog.html

@@ -159,7 +159,7 @@
                 </h3>
                 {{ if .gallery }}
                 <div
-                  class="mt-8 columns-1 gap-2 sm:columns-2 sm:gap-4 [&>div:not(:first-child)]:mt-4"
+                  class="w-full mt-8 columns-1 gap-2 sm:columns-2 sm:gap-4 [&>div:not(:first-child)]:mt-4"
                 >
                   {{ range .gallery }}
                   <div