All solutions

Between about 1058px and 1440px (a little beyond), the three purple boxes look flush. Is there a better technique I could use to maintain the staggered effect, or did I just implement it incorrectly?

I had trouble centering the white box callout on the mobile version and can't figure out why. Is there a bug or something overriding the "margin: 0 auto" for that class that I'm not seeing?

Also the desktop version looks good to me at 1440px, but would ideally want to eliminate some of the negative space at the 1024px breakpoint so the background image comes all the way behind the content. Suggestions are welcome. Thank you!