.container {
        
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: url(background.png);
        background-size: cover; /* Scales image to cover entire element */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; 
        
    }

    h1 {
        text-align: center;
    }

    .form {
        width: 650px;
        min-height: 550px;
        padding: 20px;
        border: 2px solid white;
        box-shadow: 5px 5px 10px black ;
        border-radius: 3cm;
        display: flex;
        flex-direction: column;
        
        justify-content: center;
        align-items: center;
    }
    .form-overlay {
        background-color: rgba(255, 255, 255, 0.7); /* White with 70% opacity */
        padding: 20px;
        border-radius: 10px;
    }
    button{
        display: block;
        margin: 20px auto 0;
    }
    img{
        width: 100%;
        height: 100%;

    }