My CSS becomes distorted on my public site

Site URL: https://www.mindfulhealingjourney.com/home

Hi!

I've created some css on a website I'm working on and it all looks great in the editing window. Yet when I check on the public site the graphics have all of a sudden gotten a lot bigger and moved around on the page. I have no idea why..

I've also attached a screenshot of how it's supposed to look and does look in my editing window.