CDN breaks site images and css

I am trying to get my new site up and running and want to use CDN. I’ve signed up with Amazon Cloud Front and have put my Cloudnet address into the off-site URL. I have also left the rest to default settings.

As soon as I enable the CDN in WP SuperCache my site looks like this:
https://www.taylorlife.com/messedup/
The page in that screenshot should look like this:
https://www.taylorlife.com/lauren-kay-single-mama-album-debut-party/

I took a screenshot because I don’t want to leave my site in that state since I am not sure how long it will be till someone can help.

How can this be fixed? What am I doing wrong?

https://wordpress.org/plugins/wp-super-cache/