Different section per row

<?php
//theme options
$sellbazar_theme_option = get_option( 'my_framework' );
$credit_home_meta = get_post_meta(get_the_ID(), 'home-meta', true);
$i = 1;
?>
<section id="domain-hosting-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <div class="domain-hosting section-title">
                    <h2><?php echo esc_html($sellbazar_theme_option['domain-section-area-title']); ?></h2>
                </div>
            </div>
        </div>
        <!-- ------------------- section-1 Blocks --------------->
        <?php
        $domain_hosting_area = new WP_Query( array( 'post_type' => 'domain-hosting' ) );
        while($domain_hosting_area->have_posts()) : $domain_hosting_area-> the_post();
            if($i % 2 == 0) : ?>
                <div class="row">
                    <div class="col-lg-6 col-md-6 text-center">
                        <div class="section-text-content-blocks section-margin">
                            <h2><?php the_title(); ?></h2>
                            <h4>lorem ipsum</h4>
                            <?php the_content(); ?>
                            <div class="buy-now-btn">
                                <a href="#"><span><i class="fas fa-shopping-cart"></i></span>Buy Hosting</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 text-center">
                        <div class="section-img-background-content-blocks section-margin">
                        <a href="#"><?php the_post_thumbnail(); ?></a>
                        </div>
                    </div>
                </div>
            <?php else : ?>
                <div class="row">
                    <div class="col-lg-6 col-md-6 text-center">
                        <div class="section-img-background-content-blocks section-margin">
                        <a href="#"><?php the_post_thumbnail(); ?></a>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 text-center">
                        <div class="section-text-content-blocks section-margin">
                            <h2><?php the_title(); ?></h2>
                            <h4>lorem ipsum</h4>
                            <?php the_content(); ?>
                            <div class="buy-now-btn">
                                <a href="#"><span><i class="fas fa-shopping-cart"></i></span>Buy Hosting</a>
                            </div>
                        </div>
                    </div>
                </div>
            <?php endif; ?>
            <?php $i++; ?>
        <?php endwhile; ?>
    </div>
</section>