<div class="flex flex-wrap gap-8 items-center justify-center max-w-3xl mx-auto w-full h-60">
  <div class="rounded-3xl border border-gray-200 bg-white dark:bg-zinc-900 dark:border-zinc-700 p-6 shadow-sm w-full h-48">
    <div
      class="relative h-full overflow-hidden rounded-lg border border-dashed border-gray-400 opacity-75 dark:border-white/20 dark:opacity-100">
      <svg fill="none" class="absolute inset-0 size-full stroke-gray-900/10 dark:stroke-white/10">
        <defs>
          <pattern id="pattern-5c1e4f0e-62d5-498b-8ff0-cf77bb448c8e" width="10" height="10" x="0" y="0"
            patternUnits="userSpaceOnUse">
            <path d="M-3 13 15-5M-5 5l18-18M-1 21 17 3"></path>
          </pattern>
        </defs>
        <rect width="100%" height="100%" fill="url(#pattern-5c1e4f0e-62d5-498b-8ff0-cf77bb448c8e)" stroke="none"></rect>
      </svg>
    </div>
  </div>
</div>