 <section
  class="max-w-[90%] mx-auto px-4"
  data-component-type="Content"
>

  <!-- SECTION TAG -->
  <p
    data-node="team_tag"
    data-node-type="text"
    data-node-label="Team Section Tag"
    data-node-default="TEAM"
    class="lg:text-[20px] text-[#534931] text-center pb-[10px] text-[12px] mt-[30px]"
  >
    {{team_tag}}
  </p>

  <!-- SECTION TITLE -->
  <h2
    data-node="team_heading"
    data-node-type="text"
    data-node-label="Team Section Heading"
    data-node-default="OUR EXPERTS"
    class="text-[40px] text-[#534931] font-bold text-center mb-5"
  >
    <b>{{team_heading}}</b>
  </h2>

  <!-- SECTION DESCRIPTION -->
  <p
    data-node="team_description"
    data-node-type="text"
    data-node-label="Team Section Description"
    data-node-default="Lorem ipsum dolor sit amet consectetur."
    class="text-gray-600 text-center text-[20px] mb-5"
  >
    {{team_description}}
  </p>

  <!-- TEAM GRID -->
  <div
    class="grid grid-cols-1 md:grid-cols-3 items-start mt-[50px]"
    
  >

    <!-- TEAM MEMBER 1 -->
    <div

    >
      <div class="overflow-hidden rounded-sm shadow-md mb-[20px]">
        <img
          data-node="team_member_1_image"
          data-node-type="file"
          data-node-label="Team Member 1 Image"
          data-node-default="../assets/our_experts/expert1.png"
          src="{{team_member_1_image}}"
          alt="Team Member 1"
          class="w-full h-full object-cover hover:scale-105 transition-transform duration-300"
        />
      </div>
    </div>

    
    <div

    >
      <div class="overflow-hidden rounded-sm shadow-md mb-[20px]">
        <img
          data-node="team_member_2_image"
          data-node-type="file"
          data-node-label="Team Member 2 Image"
          data-node-default="../assets/our_experts/expert2.png"
          src="{{team_member_2_image}}"
          alt="Team Member 2"
          class="w-full h-full object-cover hover:scale-105 transition-transform duration-300"
        />
      </div>
    </div>

    
    <div

    >
      <div class="overflow-hidden rounded-sm shadow-md mb-[20px]">
        <img
          data-node="team_member_3_image"
          data-node-type="file"
          data-node-label="Team Member 3 Image"
          data-node-default="../assets/our_experts/expert3.png"
          src="{{team_member_3_image}}"
          alt="Team Member 3"
          class="w-full h-full object-cover hover:scale-105 transition-transform duration-300"
        />
      </div>
    </div>

  </div>

</section>
