<?php
$datas = $args['data'];
$titre = isset($datas['titre']) ? $datas['titre'] : '';
$texte = isset($datas['texte']) ? $datas['texte'] : '';
$image = isset($datas['image']) ? $datas['image'] : '';


?>
<div class="bg-black">
  <div class="container max-w-7xl mx-auto md:flex pb-16 md:py-40 md:gap-16 lg:gap-24">
    <div class="md:basis-1/2 md:flex md:items-center ">
      <div class="w-full lg:h-full md:sticky md:top-[25%] lg:top-[0px] flex items-center lg:justify-end ">
        <img class="pt-5 pb-10 md:py-0 max-w-full xl:max-w-md h-auto w-full  scroll-appear scroll-appear-image" <?php acf_responsive_image($image['id'], 'medium', '100%') ?> />
      </div>
    </div>
    <div class="md:basis-1/2 text-white flex flex-col justify-center md:block">
      <div class="md:max-w-md">
        <h3 class="text-white mb-8 md:mb-10 text-base md:text-lg heading-text"><?php echo $titre; ?></h3>
        <div class="body-text">
          <?php echo $texte; ?>
        </div>
      </div>
    </div>
  </div>
</div>