<script>
    // Function to show the popup
    function showPopup() {
        let popup = document.createElement("div");
        popup.innerHTML = `
            <div id="popup-overlay" style="
                position: fixed;
                top: 0; left: 0;
                width: 100%; height: 100%;
                background: rgba(0, 0, 0, 0.5);
                display: flex;
                justify-content: center;
                align-items: center;
                z-index: 9999;">
                <div id="popup-box" style="
                    background: white;
                    padding: 20px;
                    width: 80%;
                    max-width: 500px;
                    text-align: center;
                    border-radius: 10px;
                    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);">
                    <center><img class="img-responsive text-center" ="width: 848px; height: 476px;" /></center>
                    <br>
                    <button id="close-popup" style="
                        background: red;
                        color: white;
                        border: none;
                        padding: 3px 4px;
                        cursor: pointer;
                        border-radius: 3px;
                        margin-top: 3px;">
                        बन्द गर्नुहोस्
                    </button>
                </div>
            </div>
        `;
        document.body.appendChild(popup);
        // Close button functionality
        document.getElementById("close-popup").addEventListener("click", function () {
            document.getElementById("popup-overlay").remove();
        });
    }
    // Show popup on page load
    window.onload = function () {
        showPopup();
    };
</script>