カテゴリーに登録した画像の表示について

複数の投稿者がいるサイトを作成中で
プラグインAdvanced Custom Fieldsを利用してカテゴリーごとに画像（投稿者の顔のようなもの）を設定し、
投稿のキャッチアイ画像とその投稿の投稿者を示す画像を出力させようとしていますが、
下記はトップ画面に表示の最新の投稿を表示させる部分ですが
下記だとその投稿者の画像表示の部分に、現在あるすべてのカテゴリーの画像が縦に並んで出てしまします。
その投稿者の画像一つのみを表示させるにはどうすればよいのでしょうか。
どなたかご教授お願いいたします。

<div class="new-blog">
	<section class="new-blog__wrap">
		<div class="new-blog__inner clearfix">
			<div class="new-blog__inner__sectitle v_line_left">
				<h2><span class="sec-title-text">最新釣行記</span></h2>
			</div>
			<?php query_posts('posts_per_page=3');if(have_posts()): while(have_posts()): the_post(); ?>
			<article class="new-blog__article">
				<div class="new-blog__article__inner">
					<div class="new-blog__thum"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a>
					<div class="new-blog__thum__auther">
					<?php
$categories = get_categories();

foreach ($categories as $category) {
  $cat_id = $category->cat_ID; // カテゴリのIDを取得
  $post_id = 'category_'. $cat_id; // カテゴリIDを付けて、category_1 の様な形にする 
  $cat_imgid = get_field('cat_img', $post_id); // cat_imgはフィールド名を入力 

  $cat_img = wp_get_attachment_image_src($cat_imgid, 'full')[0];
  
  echo '<img src="'. $cat_img .'">';
}
?>
					</div>
												<div class="new-blog__thum__auther__name">
						<?php $category = get_the_category(); $cat_name = $category[0]->cat_name; echo $cat_name; ?>
						</div>
				</div>
				<div class="new-blog-title">
				<div class="new-blog-title--main"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></div>
				<div class="new-blog-title--time"><?php echo get_post_time('Y.m.d D'); ?></div>
				</div>
				</div>
			</article>
			<?php endwhile; endif; ?>
		</div>
		<p class="sec-more">
		<a href=""><span class="sec-more--text">釣行記をもっと見る</span></a>
		</p>
	</section>