.iframeContainer {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5); /* Optional: adds a translucent background */
    }

    .iframeContainer iframe {
        width: 100%;
        height: 100%;
        border: none; /* Removes default border */
    }

    .closeButton {
        position: absolute;
        top: 10px;
        right: 10px;
        background-color: #fff;
        border: none;
        padding: 10px;
        cursor: pointer;
        z-index: 10; /* Ensures the button is on top */
    }