Button to open form does not work.

I have a button that opens my form so users can fill in their info. the problem is, when the form open, the focus of the form is not 100% it shows my next module data on top of my form

.mailpoet-popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 99999; /* Higher value if necessary */
}

.mailpoet-popup-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
padding: 20px;
border-radius: 5px;
max-width: 600px;
width: 90%;
z-index: 100000; /* Ensure this is higher than any other elements */
}

<script>
    function openMailPoetPopup() {
        document.getElementById('mailpoetPopup').style.display = 'block';
        document.body.style.overflow = 'hidden';
    }

    function closeMailPoetPopup() {
        document.getElementById('mailpoetPopup').style.display = 'none';
        document.body.style.overflow = 'auto';
    }

    window.onclick = function(event) {
        var popup = document.getElementById('mailpoetPopup');
        if (event.target == popup) {
            closeMailPoetPopup();
        }
    }
</script>

The page I need help with: [log in to see the link]