.image_and_text {
   margin: calc(var(--gutter_big) + var(--gutter)) 0;
}


.image_and_text figure { }
.image_and_text figure picture { }
.image_and_text figure picture { }
.image_and_text figure img{ width: 100%; height: auto; display: block;
    position: static; transform: none; }
@media all and (min-width: 900px) {
    .image_and_text {


        display: flex; justify-content: space-between;
    }
    .image_and_text.image_right {
        flex-direction: row-reverse;

    }

    .image_and_text figure,
    .image_and_text div
    {
        width: calc(50% - (var(--gutter) / 2));

    }
}