.image_and_text {
    margin: calc(var(--gutter_big) + var(--gutter)) 0;
}
.image_and_text:first-child {
    margin-top: 0;
}
.image_and_text:last-child {
    margin-bottom: 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; }

.image_and_text .textcontent { margin: 0; }
@media all and (min-width: 900px) {
    .image_and_text {


        display: flex; justify-content: space-between; gap: var(--gutter_big)
    }
    .image_and_text.image_right {
        flex-direction: row-reverse;

    }

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

    }
}