خطای اسلایدر بوت استرپ 4

درود دوستان..
در سایتی اسلایدر بوت استرپ تعریف کردیم و مشکلی که داره عکس و نوشته ها با هم تداخل دارند و هر بار عوض شدن عکس و نوشته ها روی هم نشون میده...
راه حل این مشکلی چیه؟
سایت زیر:
http://miranmobl.ir/

کد زیر:

<?php if( ot_get_option('c2') != "off" ) { ?>
          <div id="carouselExampleCaptions" class="carousel slide mb-4" data-ride="carousel">
          <?php
            $arg = array(
              'post_type'   => 'cytus',
              'posts_per_page' => 10,
              'order'   => 'ASC'
            );
            $cytus = new WP_Query($arg);
            $j = 0;
            $post_count = wp_count_posts('cytus')->publish;
          ?>
            <div class="carousel-inner">
            <?php while($cytus->have_posts()) : $cytus->the_post(); ?>
              <div class="carousel-item <?php echo $j==0 ? ' active': '';?>">
                <?php echo the_post_thumbnail('full'); ?>
                <div class="carousel-caption d-none d-md-block">
                  <h5><?php the_title() ?></h5>
                  <p><?php the_content() ?></p>
                </div>
              </div>
              <?php $j++; endWhile; wp_reset_query(); ?>
            </div>
            <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
              <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
              <span class="carousel-control-next-icon" aria-hidden="true"></span>
              <span class="sr-only">Next</span>
            </a>
          </div>
          <?php } ?>