References to media image not showing, bad link. Tried basic page and blog.

I checked the path and permissions on the file which seemed good.

ls -la docroot/sites/default/files/2023-08/
total 392
drwxrwx--- 2 me   www-data                 3 Aug 18 16:33 .
drwxrwx--- 8 me   www-data               14 Aug 18 15:54 ..
-rw-rw-r-- 1 www-data www-data 395935 Aug 18 16:33 logo-fop-lodge-53.png

<div class="card varbase-impressed-card medium bordered h-100 anchor-all">
      
            <div data-component-id="varbase_components:field" class="field field--name-field-media field--type-entity-reference field--label-hidden field__item"><div class="contextual-region media media--type-image media--view-mode-media-16-09" data-component-id="varbase_components:media">
  <div data-contextual-id="media:media=4:changed=1692376423&amp;ds_bundle=image&amp;ds_view_mode=media_16_09&amp;langcode=en" data-contextual-token="1xyKtsk07H1-M0UPBaVTox15Bnzo4bTHrL4-TQqugpU" data-drupal-ajax-container=""></div>
      
            <div data-component-id="varbase_components:field" class="field field--name-field-media-image field--type-image field--label-hidden field__item">
<div  class="drimage" data-drimage="{&quot;fid&quot;:&quot;10&quot;,&quot;filename&quot;:&quot;logo-fop-lodge-53.png&quot;,&quot;threshold&quot;:100,&quot;upscale&quot;:100,&quot;downscale&quot;:3600,&quot;multiplier&quot;:1,&quot;imageapi_optimize_webp&quot;:null,&quot;lazy_offset&quot;:100,&quot;subdir&quot;:&quot;&quot;,&quot;original_width&quot;:&quot;600&quot;,&quot;original_height&quot;:&quot;538&quot;,&quot;original_source&quot;:&quot;\/sites\/default\/files\/2023-08\/logo-fop-lodge-53.png&quot;,&quot;image_handling&quot;:&quot;aspect_ratio&quot;,&quot;aspect_ratio&quot;:{&quot;width&quot;:&quot;16&quot;,&quot;height&quot;:&quot;9&quot;}}">
      <picture>
  
      <img src="data:image/svg+xml;charset=utf8,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;16&#039;%20height=&#039;9&#039;%20viewBox=&#039;0%200%2016%209&#039;%20%3E%3C/svg%3E" width="16" height="9" alt="FOP Logo" />

    </picture>
  </div>
<noscript>
  <img src="/sites/default/files/2023-08/logo-fop-lodge-53.png" alt="FOP Logo" width="600" height="538">
</noscript>
</div>

If I look in the settings - media - filesystem I see the path that should reference the media image. And indeed I can get to that image directly in the web browser

Could this be the error?

The path for the image source in the page does not have the domain part...

<noscript>
  <img src="/sites/default/files/2023-08/logo-fop-lodge-53.png" alt="FOP Logo" width="600" height="538">
</noscript>

Updated the title since it is not just the blog that is failing the media images. The basic page does too.

But the Hero slider is good.

Not related to just the blog. Basic page also. Creating a new ticket in the correct spot.