Image overlapping text on smaller screens

Hello everyone - I hope you can help me. I’ve tried to look for previous posts but i can’t seem to find anything to answer my question.

The images - which you can see below - begin to overlap the text when viewed on different mobile sizes. How do I stop this from happening? I’ve tried to set a fixed size, but for some reason, the image stretches when I change the screen size. Can anyone help me create effective responsive images without them overlapping other sections?

Make sure you eliminate negative margins on all elements.