ld text-amber-900">
        <b>A Blog For Pet Lovers And Their Pet Stories</b>
      </p>
    </div>

    <!---Blogs card-->
    <div class="relative flex flex-wrap items-center justify-center grid-cols-2 mx-0 z-2 my-5" id="data-output"></div>
  </section>

  <!-- back to top button -->
  <li>
    <a href="#top">
      <button id="bttbutton" onclick="topFunction()" title="backtotop">
        <img src="./image.svg" class="w-6 md:w-10 md:object-left" />
      </button>
    </a>
  </li>

  <!--end of back to t