Modals

<div class="presentation-container w-full h-100">
            <!-- copy this code -->
            <div class="modal" aria-labelledby="modal-title" role="dialog" aria-modal="true">
                <div class="modal-bg"></div>
                <div class="modal-content">
                    <div class="modal-aligner">
                    <div class="modal-dialog">
                        <div>
                        <div class="mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-success-400/50">
                            <i class="fa-light fa-check text-xl items-center text-success-800"></i>
                        </div>
                        <div class="mt-3 text-center sm:mt-5">
                            <h3>Crawl successful</h3>
                            <div class="mt-2">
                            <p >Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur amet labore.</p>
                            </div>
                        </div>
                        </div>
                        <div class="mt-5 sm:mt-6">
                            <button class="btn-color-action w-full">View Results</button>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
             <!-- copy end -->
        </div>

<div class="presentation-container w-full h-100">
            <!-- copy this code -->
            <div class="modal" aria-labelledby="modal-title" role="dialog" aria-modal="true">
                <div class="modal-bg"></div>
                <div class="modal-content">
                    <div class="modal-aligner">
                    <div class="modal-dialog">
                        <div>
                        <div class="mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-danger-400/50">
                            <i class="fa-light fa-times text-xl items-center text-danger-800"></i>
                        </div>
                        <div class="mt-3 text-center sm:mt-5">
                            <h3>Crawl Failed</h3>
                            <div class="mt-2">
                            <p >Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur amet labore.</p>
                            </div>
                        </div>
                        </div>
                        <div class="mt-5 sm:mt-6 flex gap-4">
                            <button class="btn-default w-full">Cancel</button>
                            <button class="btn-color-danger-500 w-full">Delete Crawl</button>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
             <!-- copy end -->
        </div>