field templates not being used.

A site I've built uses media to display images via the RTE (CKEDITOR) that have two additional txt fields that display with the image. (shows the image + caption + image source)

For example :

This uses two field templates I have in the following directory :

"/sites/all/themes/MYTHEME/templates/fields/"

the files are "field--field-file-image-caption.tpl.php" and "field--field-file-image-credit.tpl.php"

As per my screen shot above, they do work... most of the time.

On occasion, (Why, I don't know!) the templates I just listed aren't being used. (It appears to default to default field templates)

I'll see this instead :

I was able to catch it in the act, here's whats get rendered in the browser.

This is the correct render :

<div class="media media-element-container media-wysiwyg_left_align">
  <div id="file-10854" class="file file-image file-image-jpeg">
    <h2 class="element-invisible"><a href="/files/beckmanmodelgchfjpg-2">beckmanmodelgchf.jpg</a></h2>
    
    <div class="content">
      <img alt="The Beckman G pH meter" height="1168" width="835" class="media-element file-wysiwyg-left-align" typeof="foaf:Image" src="/sites/default/files/styles/rte_full_width/public/beckmanmodelgchf_2.jpg?itok=SW0YtvWB">
      
      <div class="image-caption">
        <p>The Beckman G pH meter was produced from 1935 until 1950. At roughly 29 cm (about 11 inches) wide it is large by today’s standards, but measuring pH had required an entire benchtop of equipment before Beckman's first pH meter was introduced in 1934.</p>
      </div>
      <div class="image-credit">
        <i class="ion-android-camera"></i><p>Photograph by Gregory Tobias. CHF Collections.</p>
      </div>
    </div>

  </div>
</div>

Note the
class="image-caption"
and
class="image-credit" with the <i> tag...

This is the incorrect render:

<div class="media media-element-container media-wysiwyg_left_align">
  <div id="file-10854" class="file file-image file-image-jpeg">
  <h2 class="element-invisible"><a href="/files/beckmanmodelgchfjpg-2">beckmanmodelgchf.jpg</a></h2>

    <div class="content">
      <img alt="The Beckman G pH meter" height="1168" width="835" class="media-element file-wysiwyg-left-align" typeof="foaf:Image" src="/sites/default/files/styles/rte_full_width/public/beckmanmodelgchf_2.jpg?itok=bGUgj28C">
      
      <p>The Beckman G pH meter was produced from 1935 until 1950. At roughly 29 cm (about 11 inches) wide it is large by today’s standards, but measuring pH had required an entire benchtop of equipment before Beckman's first pH meter was introduced in 1934.</p>

      <p>Photograph by Gregory Tobias. CHF Collections.</p>
    </div>

  </div>
</div>

Note the MISSING 'image-caption' and 'image-credit' and ...

Here's a screen shot : https://www.drupal.org/files/issues/code_screenshot_rte_compare.jpg

I have no reliable way on how to reproduce this. It just happens at random.
If I flush the cache on production, it goes away, maybe, but 90% of the time it works again (problem goes away)
But, if I come back to the page at another time (This makes me think its PHP/CACHING related) it will randomly be there.
But this is NOT consistent in any pattern in anyway between page to page that uses this code for templating.

Thoughts? Ideas? Solutions?

Thank you!