body, html {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
}

.container {
    background-color: #a7a7a7;
    background-image: url("/img/codmanroad-1.jpg");

    /* background-image: linear-gradient(to top, rgba(255,255,255,0), #a7a7a7), url("/img/codmanroad-1.jpg"); */

    background-position: bottom; /* Aligns the image at the bottom */
    background-repeat: no-repeat;
    background-size: 100% auto; /* Cover the entire page */
    position: fixed; /* Use fixed to keep the image in place even when scrolling */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    min-height: 800px;
    max-width: 1024px;
    margin: 0 auto;
}

.main {
    margin: 20px auto;    
    padding: 20px;
    color: #f0f0f0;
    background-color: rgba(0, 0, 0, 0.1);
}