HELP A NOVICE: Simple, yet broken code

I've added two extremely basic code blocks (see below) to one page of my website; however, there appears to be an issue with them because that page has incorrect backgrounds and colors as a result.

When I disable scripts, the background and color issues are resolved. 

I'm an extreme novice in html and css code, but my understanding is there must be something wrong with the code block.

Attached is a screenshot showing the incorrect background (theme = Dark 1; actual color = white) and here are the two code blocks that appear to be causing the issue:

 <h3><em>Imagine life with less 
    <div class="fadeIn">
      <span><strong>anxiety</strong></span>
      <span><strong>depression</strong></span>
      <span><strong>stress</strong></span>
      <span><strong>fear</strong></span>
    </div>
  </h3>

 <h3><em>Live with
    <div class="fadeIn">
      <span><strong>joy</strong></span>
      <span><strong>wholeness</strong></span>
      <span><strong>purpose</strong></span>
      <span><strong>connection</strong></span>
    </div>
  </h3>

Any help is appreciated!