<div class="lg:pt-24 pt-12 px-4">
    <div class="mx-auto max-w-7xl">
      <div class="mx-auto max-w-4xl text-left lg:text-center">
        <p class="text-base/7 font-light  tracking-wide">{{ subtitle }}</p>
        <h2 class="fade-in my-2"> {{ title }}</h2>
        <p class="mt-6 text-lg font-light lg:text-xl">{{ description }}</p>
      </div>
    </div>
    <div class="relative overflow-hidden pt-2">
      <div class="mx-auto max-w-7xl px-4 lg:px-8 flex items-center justify-center">
        <img src="{{ image_src }}" alt="{{ image_alt }}"  width="900">
      </div>
    </div>
  
  </div>
  