.container-image-with-text { display: flex; flex-wrap: wrap; }
.container-image-with-text-left img { width: auto; max-width: 100%; height: auto; }
.container-image-with-text-left, .container-image-with-text-left-outer { text-align: right; }

@media (max-width: 768px) {
    .container-image-with-text-right.h-100, .container-image-with-text-left.h-100 { height: auto !important;  }
    .container-image-with-text-left, .container-image-with-text-left-outer { text-align: center; }
    .container-image-with-text-right-outer.d-flex { display: block !important; text-align: center; }
}