/* ... Previous CSS code ... */

.image-container {
    max-width: 100%;
    /*margin: 20px 0;*/
}

.image-container img {
    width: 100%;
    height: 100%;
    display: block;
}

/* ... Remaining CSS code ... */

.full-width-image {

    max-width: 100%;
    max-height: 100%; 
    width: 100%;
    height: 100vh;
    display: block;
    margin: 20px 0;
}



.image {
    max-height: 100vh; 
    max-width: 100%;
    width: 100%;
    height: 100vh;
    display: block;
    margin: 20px 0;
}



body {
    margin: 0;
    padding: 0;
    background-color: #2d6a9a; 
}


.web-image {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.mobile-image {
    display: none; 
}


@media only screen and (max-width: 600px) {
    .web-image {
        display: none; 
    }
    .mobile-image {
        display: block;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }
}