body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: Arial, sans-serif;
}
.landing-page {
    position: relative;
    width: 100%;
    height: 100%;
    background: url('/static/images/MetaPartner.AI-LandingImage.jpeg') no-repeat center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* basic overlay */
/* .overlay-text {
    color: white;
    font-size: 8vw; 
    font-weight: bold;
    text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.8);
    text-align: center;
} 
*/
/* white-out effect */
/* .overlay-text {
    color: white;
    font-size: 5vw;
    font-weight: bold;
    text-align: center;
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,  
        -1px 1px 0 #000, 
        1px 1px 0 #000;  
}         
*/
/* transparent background */
.overlay-text {
    color: white;
    font-size: 5vw;
    font-weight: bold;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5); /* Black background with 50% transparency */
    padding: 10px 20px; /* Add some padding around the text */
    border-radius: 10px; /* Optional: Rounded corners */
}