#welcome-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.85); /* Dark semi-transparent background */
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999; /* Ensures it stays on top of all other content */
            cursor: pointer; /* Indicates to the user that it can be clicked */
        }

        /* CSS for the Responsive Image */
        #welcome-overlay img {
            max-width: 90%; /* Prevents the image from touching the screen edges on mobile */
            max-height: 90vh; /* Prevents the image from overflowing vertically */
            object-fit: contain; /* Maintains the image's aspect ratio */
            border-radius: 8px; /* Optional: smooth corners */
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); /* Optional: adds depth */
        }