tailwind alert box

1<!-- Only Works on 2.0+ Version -->
2<section class="py-20 mt-10 flex justify-center ...">
3        <div
4            class="bg-gray-900 py-1 w-11/12 text-center flex-wrap md:flex-nowrap rounded-md border-t-4 border-green-400 flex justify-center ...">
5            <div class="bg- py-8 w-1/12 ml-1 text-center rounded-full flex justify-center ...">
6                <svg class="w-10 text-green-300 h-12 text-gray-500" fill="none" viewBox="0 0 24 24"
7                    stroke="currentColor">
8                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
9                        d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
10                </svg>
11            </div>
12            <div class="bg- py-2 md:py-6 w-10/12 ml-1 text-center rounded-full flex justify-center ...">
13                <p class="text-green-300"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quod, architecto
14                    optio modi quos
15                    omnis
16                    itaque ad aspernatur doloremque illo ullam atque praesentium alias laudantium ab, illum non odit
17                    suscipit debitis.</p>
18            </div>
19        </div>
20    </section>