<section class="info-section my-64">
  <div class="container-xl">
    <?php if( $title ) : ?><h2><?php echo esc_html( $title ); ?></h2><?php endif; ?>
    <div class="px-48 py-40 rounded shadow-light" style="background-color: <?php esc_html_e($bg_color); ?>">
      <div class="w-p100 grid gap-20 grid-auto-rows-1fr">

        <?php foreach ( $blocks as $block ) : ?>
        <div class="g-col-12 g-col-md-6 g-col-lg-4 d-flex flex-row justify-content-start align-items-start flex-nowrap overflow-hidden">
          <?php if( $block['info_thumbnail'] ) :
            $img_url = is_numeric( $block['info_thumbnail'] ) ? wp_get_attachment_image_url( $block['info_thumbnail'], 'thumbnail' ) : $block['info_thumbnail'];
          ?>
          <div class="w-64 h-64 flex-shrink-0 flex-grow-0 me-16 overflow-hidden">
            <img src="<?php echo esc_url( $img_url ); ?>" alt="<?php echo esc_html($block['info_name']); ?>" class="w-p100 h-p100 object-fit-contain" />
          </div>
          <?php endif; ?>  
          <div class="flex-fill d-flex flex-column justify-content-start align-items-start">
          <?php if ($block['info_name']) { ?>
            <h3 class="mb-8 text-dark lh-sm"><?php echo esc_html($block['info_name']); ?></h3>
          <?php } ?>
          <?php if ($block['info_desc']) { ?>
            <p><?php echo esc_textarea($block['info_desc']);?></p>
          <?php } ?>
          </div>
        </div>
        <?php endforeach; ?>

      </div>
    </div>
  </div>
</section>