<div class="bg-white py-6 sm:py-8 lg:py-12">
    <div class="mx-auto max-w-screen-2xl px-4 md:px-8">
      <h2 class="mb-4 text-center text-2xl font-bold text-gray-800 md:mb-8 lg:text-3xl">Trusted by the best</h2>
  
      <div class="grid grid-cols-2 gap-6 rounded-lg bg-indigo-100 p-6 sm:h-40 sm:content-evenly md:grid-cols-4">
        <!-- logo - start -->
        {% for logo in logos %}
        <div class="flex justify-center text-indigo-500">
          <img class="w-64" src="{{ logo }}" >
        </div>
        {% endfor %}
        <!-- logo - end -->

      </div>
    </div>
  </div>