Resizing/Responsiveness issues

I've got a couple of troubleshooting issues with my site that i have not been able to fix on my own since the new Gutenberg release. They mostly show up when viewing the site on cell phones. Any chance anyone on here knows what to do? 1) Right and Left aligned pullquotes look great on a computer and some phones, but on larger phones you get this tiny stream of text to the side of the quote. Basically I want them to be rt or lft aligned on a computer and fullscreen on a phone. I know that I need to adjust the media queries in order to make the pullquotes responsive, but idk if that's something I do for the whole site, or if there's a pullquote specific CSS I need to find, or if I will have to add a shortcode everytime I add a pullquote to a post. This is something I need to learn to fix myself, especially if it's something that will affect the input of every post. 2) Em dashes show up in titles when the screen is resized (esp longer titles, and often used in a gramatically incorrect way). They are annoying and unprofessional looking. Is there a way to make them go away just for titles? 3) (less critical) it would be nice if I could add full width images (alignwide and alignfull) in the gutenberg editor. I don't think my theme supports that is there a way to code around it or should I just leave that alone? If anyone has any advice for me that would be awesome.