<?php
$class = isset($args['class']) ? $args['class'] : '';

?>


<section class="section banner no-lazy <?php echo $class;?>">
    <div class="container">
        <div class="row align-items-lg-center">
            <div class="col-lg-6">
                <div class="text-cont">
                    <h1 class="banner-heading">
                        <?php echo get_field('banner_title');?>
                    </h1>
                    <p class="banner-content"><?php echo get_field('banner_description');?></p>
                    <div class="banner-btns">
                        <a href="<?php echo get_field('banner_left_button_link');?>" class="animated-cta-btn primary"><?php echo get_field('banner_left_button_text');?></a>
                        <a href="<?php echo get_field('banner_right_button_link_');?>" class="border-gradient-btn animated-btn"><?php echo get_field('banner_right_button_text');?></a>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="img-cont">
					
					<?php
	$desktop_img_url = get_field('columns_right_image');
	$mobile_img_url  = get_field('columns_right_image_mobile');
?>
    <picture>
        <source class="no-lazy" media="(max-width: 767px)" srcset="<?php echo $mobile_img_url ? $mobile_img_url : $desktop_img_url ?>">
        <img src="<?php echo $desktop_img_url;?>" loading="eager" fetchpriority="high" decoding="async" width="636" height="406" class="img-fluid no-lazy" alt="<?php echo strip_tags( get_field('banner_title') ); ?>">
    </picture>
                </div>
            </div>
        </div>
    </div>
</section>