<!--Yorumlar-->
<?php 
$commentssection = get_field('comments_section');
?>

<section style="display: none !important;" class="yorumlar-alani-sayfa">
    <!-- Animation Images (Keeping only two) -->
    <div class="hero66 wow <?php echo esc_attr($commentssection['effect_animation_1']); ?>" data-wow-delay="<?php echo esc_attr($commentssection['duration_animation_1']); ?>s">
        <img class="commentpeop1" src="<?php echo esc_url($commentssection['animation_image_1']); ?>" alt="Comment Person 1">
    </div>
    <div class="hero88 wow <?php echo esc_attr($commentssection['effect_animation_2']); ?>" data-wow-delay="<?php echo esc_attr($commentssection['duration_animation_2']); ?>s">
        <img class="commentpeop2" src="<?php echo esc_url($commentssection['animation_image_2']); ?>" alt="Comment Person 2">
    </div>
    <!-- Removed the third and fourth images to reduce clutter -->

    <!-- Rest of the section remains unchanged -->
    <div class="container">
        <div class="row">
            <div class="col-12 wow animated fadeIn animated" data-wow-delay="0.5s">
                <div class="h-yazi-ortalama h-yazi-margin-orta-3">
                    <div class="icon wow <?php echo esc_attr($commentssection['icon_effect']); ?>" data-wow-delay="0.5s">
                        <i class="<?php echo esc_attr($commentssection['icon']); ?>"></i>
                    </div>
                    <h2 class="h2-baslik-hizmetler-yorum wow <?php echo esc_attr($commentssection['title_effect']); ?>" data-wow-delay="0.5s">
                        <?php echo esc_html($commentssection['title']); ?>
                    </h2> 
                    <p class="h2-baslik-hizmetler-yorum__yorum wow <?php echo esc_attr($commentssection['small_text_effect']); ?>" data-wow-delay="0.5s">
                        <?php echo esc_html($commentssection['small_text']); ?>
                    </p>
                    <div class="bosluk3a"></div>
                </div>
            </div>
            <div class="col-12">
                <div class="carousel-classes">
                    <div class="swiper-wrapper">
                        <?php if (have_rows('comments')) : ?>
                            <?php while (have_rows('comments')) : the_row(); ?>
                                <!-- Your comment content here -->
                            <?php endwhile; ?>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>