@media screen and (min-width: 700px) { 
    .image-with-text:not(.image-with-text--reverse) picture { margin-inline-start: auto; width: 100%;} 
}

.image-with-text:not(.image-with-text--reverse) picture img { width: 100%; height: 100%; object-fit:cover;}

.image-with-text:not(.image-with-text--reverse) picture {height: 100%; }

@media(max-width:749px){
    .image-with-text .prose.text-center { text-align: left; }
}