.custom-popup-overlay {
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.75); /* Black w/ opacity */
    display: flex;
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
}

.custom-popup-content {
    margin-top:15%;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    width: auto; /* Adjusted to content width */
    max-width: 70%; /* Max width - adjust as needed */
    text-align: center; /* Center text */
}

.custom-popup-content img {
    max-width: 80%; /* Ensure the image fits within the popup */
    height: auto; /* Maintain aspect ratio */
}

.custom-popup-close {
    float: none; /* Not floating */
    display: block; /* New line */
    margin: 20px auto 0; /* More margin on top, auto center */
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    background-color: #555;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.custom-popup-close:hover {
    background-color: #333;
}