Код WordPress php не отображается на странице при использовании FireFox

Question

Я создаю баннер карусели, и мой код отлично отображается в Google Chrome, но ломается на FireFox (но только когда я выхожу из WordPress - если я вошел в систему как администратор, тогда FireFox отобразит его хорошо). Ниже мой код:

<banner>

   <div class="container-fluid py-5 cool-grey">
     <div class="row">
       <div class="col-10 mx-auto">
         <div class="flickity-carousel multi-carousel multi-carousel-eq-height" data-flickity='{ "cellAlign": "left", "contain": true, "groupCells": true }'>

   <?php
        $args = array( 'numberposts' => '60' );
        $recent_posts = wp_get_recent_posts( $args );
        $noticias_highlight = true;

        foreach( $recent_posts as $recent ){ 
?>


                     <div class="col-xl-3 col-lg-4 carousel-cell">
            <div class="card">
                    <div class="card-img-mask card-img-mask-top">
                    <img src="<?php echo get_the_post_thumbnail_url($recent["ID"])
?>" alt="Card image cap">
                    </div>
                    <div class="card-body">
                      <h3 class="card-title"><?php  print_r($recent["post_title"]) ?></h3>
                      <p class="card-text"><?php  print_r($recent["post_excerpt"]) ?></p>
                      <a href="<?php  print_r($recent["guid"]) ?>" class="card-link">View Full Post</a>
                    </div>
                  </div>
          </div>

<?php
        } 
?>
         </div>
       </div>
     </div>
   </div>
  </banner>

Когда я выхожу из системы FireFox, он отображает код в виде текста:

 '60' ); $recent_posts = wp_get_recent_posts( $args ); $noticias_highlight = true; foreach( $recent_posts as $recent ){ ?> 

, а затем имеет небольшой текст под ним:

<img src="" alt="Card image cap">

<a href="" class="card-link">View Full Post