Simple function to output three related posts with Wordpress block classes if selected using ACF relationships field named "related_posts" (relies on a Genesis hook)

do_related_posts.php

<?php

add_action('genesis_entry_footer','do_related_posts');

function do_related_posts() {
	
	if ( is_single() ) {
		
		// get only first 3 results
		$ids = get_field('related_posts', get_the_ID() );
		
		if ( !empty($ids) ) {
			//echo '<pre>' . var_dump( $ids ) . '<pre>'; 
			echo '<h2 style="text-align:left" class="headings block-heading">Related Posts</h2><div class="wp-block-columns alignfull has-3-columns" style="margin-bottom: 40px;">';
			
			$i = 0;
			
			while(  $i < 3 ) { ?>
				
				<div class="wp-block-column">
					<a href="<?php echo get_the_permalink(  $ids[$i]->ID );  ?>" style="display: block; background: url(<?php echo get_the_post_thumbnail_url( $ids[$i]->ID, 'woocommerce_thumbnail' ); ?>) no-repeat top center; background-size: cover; min-height: 400px; width: 100%;"></a>
					<a href="<?php echo get_the_permalink(  $ids[$i]->ID ); ?>" class="post-text">
						<span class="post-meta"><?php $post_date = $ids[$i]->post_date; echo date('M j Y', strtotime( $post_date )); // ; ?></span>
						<h2><?php echo $ids[$i]->post_title; ?></h2>
					</a>
				</div> <?php
				
				$i++;
			} // end while
		
			// Reset Post Data
			wp_reset_postdata();
			
			
			 ?>
			<style>
			.post-text {
			    padding: 20px 22px 0 30px;
			    display: block;
			    text-decoration: none;
			    color: #333;
			}
			.post-text h2 {
				font-size: 22px;
			}
			.post-meta {
			    color: #c75488;
			    display: block;
			    font-size: 18px;
			    text-decoration: none;
			    text-transform: uppercase;
			    letter-spacing: 0.1em;
			    font-weight: 900;
			    padding-bottom: 10px;
			}
			</style><?php
			
			
		}
		

			
	}
}