<section class="two-cols-with-bg <?php the_sub_field('additional_section_class'); ?>" style="background-image: url('<?php the_sub_field('background_image'); ?>');">
    <span class="bg-filter"></span>
    <div class="wrapper wrapper--inner <?php the_sub_field('additional_wrapper_class'); ?> <?php the_sub_field('additional_class'); ?>">
            <div class="col col-text text-white">
                <h2 class="section-heading heading heading--md <?php the_sub_field('heading_position'); ?>">
                    <?php the_sub_field('section_heading'); ?>
                </h2>
                <div class="col-text-content">
                    <p class="p-text text-regular">
                        <?php the_sub_field('text'); ?>
                    </p>
                    <?php if (get_sub_field('cta')) : ?>
                    <div class="cta">
                        <a href="<?php the_sub_field('cta')?>" class="btn btn-primary">
                            <?php the_sub_field('cta_text'); ?>
                        </a>
                    </div>
                    <?php endif; ?>
                </div>
            </div>
            <div class="col col-image">
                <img src="<?php the_sub_field('image')?>" alt="" class="img-auto section-image">
            </div>
    </div> 
</section>