Online PHP editor | output for XONEE

<?php /* Template Name: Shop Categories Page */ ?> <?php get_header(); ?>  <section id="home" class="xl-py t-center white fullwidth">  <div class="bg-parallax" data-stellar-ratio="0.76" data-stellar-vertical-offset="0" data-background="<?php echo get_theme_file_uri('/assets/images/backgrounds/background_1.jpg'); ?>"></div>  <div class="container relative"> <div class="white skrollr" data-0="opacity:1; transform:translateY(0px);" data-700="opacity:0; transform:translateY(220px);">  <h1 class="firasans">Все категории</h1> </div> </div>  </section>  <?php $args = array( 'taxonomy' => 'product_category', 'orderby' => 'name', 'order' => 'ASC', 'hide_empty' => true, ); $the_query = new WP_Term_Query($args); ?> <section class="clearfix"> <div class="tab-container sm-my"> <div class="container col-3 gap-10 boxes-type-4 mini-mt white"> <?php foreach($the_query->get_terms() as $category) : ?> <?php $category_url = get_term_link($category->term_id, $category->taxonomy); $image = get_field('image', $category->taxonomy.'_'.$category->term_id); $image = $image['sizes']['product_category']; ?>  <div class="box"> <a href="<?php echo $category_url; ?>" class="radius cover" data-background="<?php echo $image ?>"> <div class="texts"> <h3 class="bold-title"><?php echo $category->name; ?></h3> </div> </a> </div> <?php endforeach; ?> </div> </div> </section> <?php get_footer(); ?>