<div class="gt-blog-content">
    <div class="row justify-content-center">
        <?php
            if ( $query->have_posts() ) {
            $i = 0;
            while ( $query->have_posts() ) {
            $query->the_post();
                $tags = get_the_tags(get_the_ID());
                $categories = get_the_terms( get_the_ID(), 'category' );
                $i++;

            $ani_class = '';
            if($i === 1){
                $ani_class = 'appear_left';
            }elseif($i === 2){
                $ani_class = 'appear_top';
            }else{
                $ani_class = 'appear_right';
            }
        ?>
        <div class="col-lg-4 col-md-6 <?php echo esc_attr($ani_class);?>">
            <div class="gt-blog-item headline pera-content">
                <div class="blog-text mb-20">
                    <div class="blog-meta">
                        <?php echo date(get_option('date_format')); ?>
                    </div>
                    <h3 class="blog_title"><a href="<?php the_permalink()?>"><?php echo wp_trim_words(get_the_title(), $settings['title_length'], '')  ;?></a></h3>
                    <p><?php echo wp_trim_words(get_the_excerpt(), $settings['excerpt_length'], '')  ;?></p>
                </div>
                <div class="blog-author d-flex align-items-center">
                    <div class="inner-img">
                        <?php goyto_post_author_avatars(54);?>
                    </div>
                    <div class="inner-text">
                        <?php echo esc_html__('By', 'goyto-plugin')?> <?php the_author()?>
                    </div>
                </div>
            </div>
        </div>
        <?php } wp_reset_query(); } ?>
    </div>
</div>