<div class="max-w-7xl flex flex-col items-center mx-8">
        <h1 class="font-bold font-sans my-4">Testimoniales</h1>
        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 gap-8">
          <div class="bg-gray-300 rounded-lg text-black">
            <div class="my-4">
              <div class="mx-4 rounded-full bg-gray-500 p-4 max-h-16 max-w-24">
                <img src="" alt="Logo" />
              </div>
            </div>
            <div class="py-8">
              <p class="mx-4">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sequi repellat sed quis sunt iusto iure repudiandae minima et adipisci voluptatum iste fugit, sit cum, nam dolorum natus dignissimos nostrum ut!</p>
            </div>
            <div class="py-4">
              <div class="flex flex-row mx-4">
                <div class="rounded-full bg-gray-500 p-4 max-h-16 max-w-16">
                  <img src="" alt="Ceo" />
                </div>
                <div class="flex flex-col ml-4">
                  <p class="font-bold text-gray-800">Judith Black</p>
                  <p class="text-gray-600">CEO de Cosminus</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>