flex flex-col">
            <div class="relative flex">
              <img
                class=""
                src="./assets/images/product-chair.png"
                alt="sofa image"
              />
              <div
                class="absolute flex h-full w-full items-center justify-center gap-3 opacity-0 duration-150 hover:opacity-100"
              >
                <span
                  class="flex h-8 w-8 cursor-pointer items-center justify-center rounded-full bg-amber-400"
              