/* Login Container */

.background-image {
    position: relative;
    background-image: url('../images/thumbnail_image001.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    display: flex;
    /* Enable flexbox */
    justify-content: center;
    /* Horizontally center */
    align-items: center;
    /* Vertically center */
}

.login-container {
    position: relative;
    /* Remove absolute positioning here */
    max-width: 900px;
    width: 550px;
    padding: 35px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 255, 255, 0.9);
    /* Optional: Semi-transparent background */
}

.login-container h2 {
    text-align: center;
    color: #000033;
}