Card

                  
<!-- card -->
<div class="backdrop-opacity-95 backdrop-blur backdrop-saturate-150 bg-white/70 dark:bg-neutral-500/70 border border-black/[.05] dark:border-white/40 rounded-xl mklausjenrhtm w-full min-h-40">
  <div class="maksueyropls py-6">
    <p>Card Level 1</p>
  </div>
</div>

<!-- card -->
<div class="backdrop-opacity-75 backdrop-blur backdrop-saturate-150 bg-white/70 dark:bg-neutral-500/70 border border-black/[.05] dark:border-white/40 rounded-xl mklausjenrhtm w-full min-h-40">
  <div class="maksueyropls py-6">
    <p>Card Level 2</p>
  </div>
</div>

<!-- card -->
<div class="backdrop-opacity-50 backdrop-blur backdrop-saturate-150 bg-white/70 dark:bg-neutral-500/70 border border-black/[.05] dark:border-white/40 rounded-xl mklausjenrhtm w-full min-h-40">
  <div class="maksueyropls py-6">
    <p>Card Level 3</p>
  </div>
</div>

<!-- card -->
<div class="backdrop-opacity-15 backdrop-blur backdrop-saturate-150 bg-white/70 dark:bg-neutral-500/70 border border-black/[.05] dark:border-white/40 rounded-xl mklausjenrhtm w-full min-h-40">
  <div class="maksueyropls py-6">
    <p>Card Level 4</p>
  </div>
</div>
                  
                

                  
<!-- card blur -->
<div class="absolute inset-0 backdrop-opacity-95 backdrop-blur backdrop-saturate-150 bg-white/70 dark:bg-neutral-500/70 border border-black/[.05] dark:border-white/40 rounded-xl mklausjenrhtm"></div>
  <!-- card content -->
  <div class="relative w-full min-h-40">
    <div class="maksueyropls py-6">
      <p>Card Level 1</p>
    </div>
  </div>
</div>

<!-- card blur -->
<div class="relative">
  <!-- bg blur -->
  <div class="absolute inset-0 backdrop-opacity-75 backdrop-blur backdrop-saturate-150 bg-white/70 dark:bg-neutral-500/70 border border-black/[.05] dark:border-white/40 rounded-xl mklausjenrhtm"></div>
  <!-- card content -->
  <div class="relative w-full min-h-40">
    <div class="maksueyropls py-6">
      <p>Card Level 2</p>
    </div>
  </div>
</div>

<!-- card blur -->
<div class="relative">
  <!-- bg blur -->
  <div class="absolute inset-0 backdrop-opacity-50 backdrop-blur backdrop-saturate-150 bg-white/70 dark:bg-neutral-500/70 border border-black/[.05] dark:border-white/40 rounded-xl mklausjenrhtm"></div>
  <!-- card content -->
  <div class="relative w-full min-h-40">
    <div class="maksueyropls py-6">
      <p>Card Level 3</p>
    </div>
  </div>
</div>

<!-- card blur -->
<div class="relative">
  <!-- bg blur -->
  <div class="absolute inset-0 backdrop-opacity-15 backdrop-blur backdrop-saturate-150 bg-white/70 dark:bg-neutral-500/70 border border-black/[.05] dark:border-white/40 rounded-xl mklausjenrhtm"></div>
  <!-- card content -->
  <div class="relative w-full min-h-40">
    <div class="maksueyropls py-6">
      <p>Card Level 4</p>
    </div>
  </div>
</div>