File Dropzone Form

<div
        class="max-w-lg w-full mx-auto border-[6px] border-dashed border-indigo-100 rounded-[3.5rem] p-16 text-center group hover:border-indigo-400 transition-all cursor-pointer bg-white shadow-2xl shadow-indigo-50/50">
        <div
            class="w-24 h-24 bg-indigo-50 text-indigo-600 rounded-[2rem] flex items-center justify-center mx-auto mb-8 group-hover:scale-110 group-hover:bg-indigo-600 group-hover:text-white transition-all duration-500 shadow-lg shadow-indigo-100/50">
            <svg class="w-10 h-10" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5"
                    d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"></path>
            </svg>
        </div>
        <h4 class="text-2xl font-black text-slate-900 mb-3 tracking-tight">Upload your assets</h4>
        <p class="text-slate-400 text-sm font-medium leading-relaxed">Drag and drop any SVG, PNG or Lottie files <br>
            <span class="text-indigo-600/50 font-bold uppercase tracking-widest text-[10px] block mt-4">(Max 50MB per
                file)</span></p>
    </div>