Content Component 1

    
      <section class="flex flex-col items-center w-full py-32">
  <!-- Section 1 -->
  <div class="flex flex-col md:flex-row w-11/12 my-10">
    <div class="w-ful md:w-3/6 h-full px-4">
      <h2 class="font-bold text-4xl my-2">Título Principal</h2>
      <h3 class="font-sans text-3xl my-2">Subtítulo</h3>
      <p class="text-xl my-2">
        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cumque minima
        modi fuga eum impedit molestias inventore laborum dolores amet ipsum
        officia maiores, expedita quae sit, reiciendis, possimus minus velit
        neque?
      </p>
    </div>
    <div class="w-full md:w-3/6 h-full flex items-center justify-center p-4">
      <img
        src="https://picsum.photos/200/300"
        class="w-full h-auto max-h-64 max-w-lg rounded-lg shadow-lg object-cover"
        alt="Dashboard Image"
      />
    </div>
  </div>

  <!-- Section 2 -->
  <div class="flex flex-col-reverse md:flex-row w-11/12 my-10">
    <div class="w-full md:w-3/6 h-full flex items-center justify-center p-4">
      <img
        src="https://picsum.photos/200/300"
        class="w-full h-auto max-h-64 max-w-lg rounded-lg shadow-lg object-cover"
        alt="Dashboard Image"
      />
    </div>
    <div class="w-ful md:w-3/6 h-full px-4">
      <h2 class="my-2 font-bold text-4xl">Título Principal</h2>
      <h3 class="my-2 font-sans text-3xl">Subtítulo</h3>
      <p class="my-2 text-xl">
        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cumque minima
        modi fuga eum impedit molestias inventore laborum dolores amet ipsum
        officia maiores, expedita quae sit, reiciendis, possimus minus velit
        neque?
      </p>
    </div>
  </div>
</section>