Can someone help me with word breaks or wraps?

Hi, all! I'm at my wits end trying to figure out why one section of my website breaks words, while the rest does not. It's only on my blog page that I'm having the issue.

I'm using Brine and I've entered the following css into my main css thread:

.fancyborder { border:4px solid #FFFFFF; padding: 10px; }

p, h1, h2, h3 {
   -webkit-hyphens:manual !important;
      -moz-hyphens:manual !important;
       -ms-hyphens:manual !important;
           hyphens:manual !important;
}

#collection-5cfb3a28e542360001af09e6 {
     header {
            display: none !important;

      }
}

This works for everything else on my website, so why not this single page?

It's an index page that will serve as a blog page

There is currently no code injected on the page itself, but I've tried implementing several different methods i.e. "hyphen", "word-break", "word-wrap", "overflow-wrap", and "white-space" to no avail.

I'm REALLY struggling here and have spent 12 hours now on the problem. Thank you all so much in advance!!

Please could you be more specific about where on the page this issue is persisting as I cannot see any words that hyphenate no matter the screen size.

Please could you be more specific about where on the page this issue is persisting as I cannot see any words that hyphenate no matter the screen size.