All solutions

I had to use the background: url() property because in a previous practice when using the <img> tag I had problems setting the width to 50% in the image container and 50% in the text container and when to try it, in this project it was not the exception.

I don't know how to make two columns with the same width in a responsive way with flex to go from columns to rows

The common issue is to center the elements and set the margins to make it responsive and faithful to the design.