lcacciatore

I added a highlight like I've done since creating my site today and, for some reason, it's now cutting off the top of my text. It looks like this on mobile and each browser I've tried it on. This is a new development and I'm not sure when it started, but it's retroactively happening on all my old posts as well. Is there anything that might have caused this?

Everything on the site itself looks just fine, but when I link it over to Facebook, the images look terrible suddenly. This is most noticeable with my "general" image. I've tried uploading both jpg and png and changing the resolution with Photoshop, but the result is always the same. Below are screenshots of what the images look like when on Facebook, both are taken from the same window size/ view mode. This is what the site preview looks like. This is what the same image looks like directly on facebook. I'm not worried about the way it crops the image [though that is interesting and I didn't notice until just now] only all that nasty artifacting. Any suggestions?