<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>

<section class="features">
    <div class="container">
        <h2><?php echo e($block->translatedInput('title')); ?></h2>
        <div class="features-content masonry">
            <?php $__currentLoopData = $block->children; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $child): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="features-block">
                    <div class="block__icon">
                        <img src="<?php echo e($child->image('image')); ?>" alt="feature img" />
                    </div>
                    <div class="block__text">
                        <div class="block__title"><?php echo e($child->translatedInput('title')); ?></div>
                        <div class="block__description"><?php echo $child->translatedInput('description'); ?></div>
                    </div>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
        <a href="<?php echo e($block->translatedInput('button_url')); ?>" class="button" rel="noopener"><?php echo e($block->translatedInput('button_text')); ?></a>
    </div>
</section>

<script>

  if (window.innerWidth >= 1024) {
    new Masonry('.masonry', {
      itemSelector: '.features-block',
      gutter: 30
    });
  }

</script>
<?php /**PATH /var/www/quadcode-jobs/resources/views/site/blocks/features_list.blade.php ENDPATH**/ ?>