Webpage elements overlapping in different breakpoints

Question:
Every time I move stacked elements on my web page it affects other breakpoints and overlaps and shifts the text and images. When I fix one breakpoint, it affects other breakpoints and it seems to be an endless loop of fixes. How do I prevent text and images from overlapping? I tried to put padding around a stacked element but it doesn’t seem to matter. Is there anything I can do so that the elements don’t overlap when adjusting to different screen sizes? https://www.thessac.com/chronology

Product:
I use Wix Studio

What are you trying to achieve:
Not have an endless loop of readjusting the layout on various breakpoints and it affecting other breakpoints as I do this.

What have you already tried:
I have added padding around stacked elements and have manually moved the text and image elements on every breakpoint but it still changes the other breakpoints as I do this and I go into an endless loop of editing.

Have you had a chance to explore the Wix Studio Academy? - https://www.wix.com/studio/academy

I’d recommend taking a look at the essentials course to get up to speed with how things work, sizing, positioning etc - https://www.wix.com/studio/academy/courses/wix-studio-essentials-course