<div class="w-full md:px-10 text-xl text-muted-800 leading-normal">
  <!--Article title-->
  <div class="space-y-4 mb-5">
    <a
      class="
        flex
        items-center
        gap-2
        w-24
        h-5
        rounded
        placeload
        animate-placeload
      "
    >
      <i class="iconify w-5 h-5 invisible" data-icon="gg:arrow-long-left"></i>
      <span>Back to Blog</span>
    </a>
    <div class="w-96 h-6 rounded placeload animate-placeload"></div>
    <div class="w-52 h-5 rounded placeload animate-placeload"></div>
  </div>

  <!--Article body-->
  <article class="prose dark:prose-dark lg:prose-xl py-6">
    <div class="space-y-10">
      <div class="space-y-3">
        <div class="w-full h-5 rounded placeload animate-placeload"></div>
        <div class="w-11/12 h-5 rounded placeload animate-placeload"></div>
        <div class="w-full h-5 rounded placeload animate-placeload"></div>
      </div>
      <div class="space-y-3">
        <div class="w-full h-5 rounded placeload animate-placeload"></div>
        <div class="w-11/12 h-5 rounded placeload animate-placeload"></div>
        <div class="w-4/5 h-5 rounded placeload animate-placeload"></div>
      </div>
    </div>

    <div class="w-96 h-7 my-12 rounded placeload animate-placeload"></div>

    <div class="space-y-10">
      <div class="space-y-3">
        <div class="w-full h-5 rounded placeload animate-placeload"></div>
        <div class="w-11/12 h-5 rounded placeload animate-placeload"></div>
        <div class="w-full h-5 rounded placeload animate-placeload"></div>
        <div class="w-2/5 h-5 rounded placeload animate-placeload"></div>
      </div>
    </div>

    <div class="w-full h-[475px] my-12 placeload animate-placeload"></div>

    <div class="space-y-10">
      <div class="space-y-3">
        <div class="w-full h-5 rounded placeload animate-placeload"></div>
        <div class="w-11/12 h-5 rounded placeload animate-placeload"></div>
        <div class="w-full h-5 rounded placeload animate-placeload"></div>
      </div>
      <div class="space-y-3">
        <div class="w-full h-5 rounded placeload animate-placeload"></div>
        <div class="w-11/12 h-5 rounded placeload animate-placeload"></div>
        <div class="w-4/5 h-5 rounded placeload animate-placeload"></div>
      </div>
    </div>

    <div class="w-96 h-7 my-12 rounded placeload animate-placeload"></div>

    <div class="space-y-10">
      <div class="space-y-3">
        <div class="w-full h-5 rounded placeload animate-placeload"></div>
        <div class="w-11/12 h-5 rounded placeload animate-placeload"></div>
        <div class="w-full h-5 rounded placeload animate-placeload"></div>
        <div class="w-2/5 h-5 rounded placeload animate-placeload"></div>
      </div>
    </div>
    <hr />
  </article>
</div>
