.field-section {
    display: grid;
    
    padding: 100px 10px;
    
}

.field-section-v1 {
    grid-template-columns: 1fr 1fr 3fr;
    column-gap: 30px;
}

.field-section-v2 {
    grid-template-columns: 3fr 1fr 1fr;
    column-gap: 40px;
    text-align: right;
}


#field-left-image {
    padding-top: 80px;
} 

#field-right-image {
    padding-top: 80px;
}

.field-image-container {
    height: 400px;
    width: 300px;
}

.field-section .image-container-down {
    justify-self: end;
}

.field-section .section-main {
    padding-top: 120px;
}
    
@media (max-width: 1600px) {
    .field-image-container {
        height: 360px;
        width: 270px;
    }
    
}

@media (max-width: 768px) {
    .field-section {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas:
            "image-left image-right"
            "content content";
        column-gap: 1rem;
        row-gap: 2rem;
        padding: 3rem 1rem 5rem;
    }

    .field-section .section-main {
        grid-area: content;
    }

    .field-section .field-image-container:first-child {
        grid-area: image-left;
    }

    .field-section .image-container-down {
        grid-area: image-right;
    }

    .field-image-container {
        height: 320px;
        width: 240px;
    }

}