d:grid-cols-2 border-[#78350f] rounded-lg shadow-lg shadow-[#78350f] p-5"
      >
        <div class="flex justify-between gap-10 p-5 items-center flex-col">
          <h1 class="font-bold text-white" id="title" style="color: #e4e3c2;">
            Adopt Your Favourite Pet
          </h1>
          <img
            class="inline-block relative w-[250px] h-[250px] overflow-hidden border-[#78350f] rounded-full object-cover"
            src="https://i.pinimg.com/736x/44/d9/8c/44d98cccb725fd3a80c0446b9b2e646d.j