.img-container {
    width: 100%;
    height: auto;
}

.img-container img {
    width: 100%;
    height: auto;
}


.image-1x2-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.image-1x2-container img{
    position: relative;
    flex: 0 0 calc(50% - 20px); /* For 2 columns - adjust the width as needed */
    margin: 0.05vw;
    text-align: center;
    transition: all 0.3s ease;
    overflow: hidden;
    width: 100%;
    height: auto;
    object-fit: contain;
}

@media screen and (max-width: 800px) {
    .image-1x2-container img {
        flex: 0 0 calc(100% - 20px); /* For 1 column, adjust the width as needed */
        padding: 3% 0;
    }
}