<?php
    $fade_direction = $block->invert ? 'right' : 'left';
?>
<div class="hero-image-box hero-image-box--<?php echo e($block->bg_color); ?> block-margin-top--<?php echo e($block->margin_type_top); ?> block-margin-bottom--<?php echo e($block->margin_type_bottom); ?> <?php if($block->invert): ?> hero-image-box--invert <?php endif; ?>">
    <?php if($block->anchor_id ): ?>
        <div id="<?php echo e($block->anchor_id); ?>" class="anchor-offset"></div>
    <?php endif; ?>
    <div class="hero-image-box__wrap">
        <div class="hero-image-box__image" data-aos="fade-down" data-aos-delay="400">
            <?php if($block->image1): ?>
                <picture>
                    <source media="(min-width: 768px)" type="image/webp" srcset="<?php echo e(getMediaUrl($block->image1->filename, '1145x700')); ?>.webp">
                    <source media="(min-width: 768px)" srcset="<?php echo e(getMediaUrl($block->image1->filename, '1145x700')); ?>">
                    <source type="image/webp" srcset="<?php echo e(getMediaUrl($block->image1->filename, '660x520')); ?>.webp">
                    <img src="<?php echo e(getMediaUrl($block->image1->filename, '660x520')); ?>" alt="<?php echo e(htmlentities($block->block_title)); ?>">
                </picture>
            <?php endif; ?>
            <?php if($block->image2): ?>
                <div class="hero-image-box__overlay-logo">
                    <picture>
                        <source type="image/webp" srcset="<?php echo e(getMediaUrl($block->image2->filename, '500x')); ?>.webp">
                        <img src="<?php echo e(getMediaUrl($block->image2->filename, '500x')); ?>" alt="<?php echo e(htmlentities($block->block_title)); ?>">
                    </picture>
                </div>
            <?php endif; ?>
        </div>
        <div class="hero-image-box__title-box-wrap">
            <div class="hero-image-box__title-box">
                <div class="hero-image-box__title-box-bg1" data-aos="fade-<?php echo e($fade_direction); ?>" data-aos-delay="500"></div>
                <div class="hero-image-box__title-box-bg2" data-aos="fade-<?php echo e($fade_direction); ?>" data-aos-delay="500"></div>
                <div class="hero-image-box__title-box-content" data-aos="fade-<?php echo e($fade_direction); ?>" data-aos-delay="500">
                    <?php if($block->block_title): ?>
                        <h1><?php echo co2_subscript(e($block->block_title)); ?></h1>
                    <?php endif; ?>
                    <?php if($block->block_subtitle): ?>
                        <p><?php echo co2_subscript(e($block->block_subtitle)); ?></p>
                    <?php endif; ?>
                    <?php if($block->cta1): ?>
                        <?php echo generateLink($block->cta1, 'std-button std-button--xl ' . ($block->cta_color === 'orange' ? 'std-button--orange' : 'alt-color')); ?>

                    <?php endif; ?>
                </div>
            </div>
        </div>
        <?php if($block->content): ?>
            <div class="hero-image-box__content-wrap">
                <div class="hero-image-box__content">
                    <div class="hero-image-box__content-text rich-content-system">
                        <?php echo $block->content; ?>

                    </div>
                </div>
            </div>
        <?php endif; ?>
    </div>
</div>
<?php /**PATH /var/www/html-staging/resources/views/frontend/templates/blocks/hero-image-box.blade.php ENDPATH**/ ?>