
<div class="pxl-ai-tria style1">
    <div class="pxl--item-inner">
        <div class="pxl-inner-image">
            <div class="pxl-box-inner">
                <?php if(!empty($settings['banner_image']['id'])) : 
                    $image_size = !empty($settings['img_size']) ? $settings['img_size'] : 'full'; 
                    $img = pxl_get_image_by_size( array(
                        'attach_id'  => $settings['banner_image']['id'],
                        'thumb_size' => $image_size,
                    ));
                    $thumbnail = $img['thumbnail'];
                    
                    ?>
                    <div class="pxl-item--imgprimary ">
                        <?php echo pxl_print_html($thumbnail); ?>
                    </div>
                <?php endif; ?>
                <div class="pxl-box-title ">
                    <?php if(!empty($settings['banner_image2']['id'])) : 
                        $image_size1 = !empty($settings['img_size1']) ? $settings['img_size1'] : 'full'; 
                        $img_2 = pxl_get_image_by_size( array(  
                            'attach_id'  => $settings['banner_image2']['id'],
                            'thumb_size' => $image_size1,
                        ));
                        $thumbnail_2 = $img_2['thumbnail']; 
                        if($settings['img_effect'] == 'pxl-image-parallax') { wp_enqueue_script( 'pxl-parallax-move-mouse'); }?>
                        <div class="pxl-border bd1 <?php if(!empty($settings['img_effect'])) { echo esc_attr($settings['img_effect']); } ?> <?php echo esc_attr($settings['pxl_animate']); ?>" data-wow-delay="<?php echo esc_attr($settings['pxl_animate_delay']); ?>ms" <?php if($settings['img_effect'] == 'pxl-image-tilt') : ?>data-maxtilt="<?php echo esc_attr($settings['max_tilt']); ?>" data-speedtilt="<?php echo esc_attr($settings['speed_tilt']); ?>" data-perspectivetilt="<?php echo esc_attr($settings['perspective_tilt']); ?>"<?php endif; ?> <?php if($settings['img_effect'] == 'pxl-parallax-scroll') : ?>data-parallax='{"<?php echo esc_attr($settings['parallax_scroll_type']); ?>":<?php echo esc_attr($settings['parallax_scroll_value_x']); ?>}'<?php endif; ?>>
                            <div class="pxl-item--imgsecondary ">
                                <?php echo pxl_print_html($thumbnail_2); ?>
                            </div>
                        </div>
                    <?php endif; ?>
                    <?php if(!empty($settings['banner_image3']['id'])) : 
                        $image_size2 = !empty($settings['img_size2']) ? $settings['img_size2'] : 'full'; 
                        $img_3 = pxl_get_image_by_size( array(
                            'attach_id'  => $settings['banner_image3']['id'],
                            'thumb_size' => $image_size2,
                        ));
                        $thumbnail_3 = $img_3['thumbnail']; 
                        if($settings['img_effect1'] == 'pxl-image-parallax') { wp_enqueue_script( 'pxl-parallax-move-mouse'); }?>
                        <div class="pxl-border bd2 <?php if(!empty($settings['img_effect1'])) { echo esc_attr($settings['img_effect1']); } ?> <?php echo esc_attr($settings['pxl_animate1']); ?>" data-wow-delay="<?php echo esc_attr($settings['pxl_animate_delay1']); ?>ms" <?php if($settings['img_effect1'] == 'pxl-image-tilt1') : ?>data-maxtilt="<?php echo esc_attr($settings['max_tilt1']); ?>" data-speedtilt="<?php echo esc_attr($settings['speed_tilt1']); ?>" data-perspectivetilt="<?php echo esc_attr($settings['perspective_tilt1']); ?>"<?php endif; ?> <?php if($settings['img_effect1'] == 'pxl-parallax-scroll1') : ?>data-parallax='{"<?php echo esc_attr($settings['parallax_scroll_type1']); ?>":<?php echo esc_attr($settings['parallax_scroll_value_x1']); ?>}'<?php endif; ?>>
                            <div class="pxl-item--imglast ">
                                <?php echo pxl_print_html($thumbnail_3); ?>
                            </div> 
                        </div>       
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </div>   
</div>

