Company Sponsor Logo - Tailwind Component

<div class="bg-yellow-300 h-screen w-full">
  <div class="py-8"></div>
  <div class="sm:max-w-5xl pt-8 rounded-xl bg-white mx-4 sm:mx-8 md:mx-auto">
    <div class="w-11/12 sm:w-2/3 mx-auto mb-10">
      <h1 class="focus:outline-none xl:text-4xl text-3xl text-center text-gray-800 font-extrabold pt-4">Trusted by
        company sponsor</h1>
    </div>
    <div class="sm:py-6 px-8 sm:24 flex flex-wrap items-center">
      <div
        class="w-1/3 sm:w-1/6 flex justify-center xl:pb-10 pb-16 items-center inset-0 transform  hover:scale-75 transition duration-300 contrast-75 hover:contrast-100 drop-shadow-xl">
        <img class="focus:outline-none w-12 sm:w-16 " src="https://cdn-icons-png.flaticon.com/128/3800/3800024.png"
          alt="Adidas" role="img" />
      </div>
      <div
        class="w-1/3 sm:w-1/6 flex justify-center xl:pb-10 pb-16 items-center inset-0 transform  hover:scale-75 transition duration-300 contrast-75 hover:contrast-100 drop-shadow-xl ">
        <img class="focus:outline-none w-12 sm:w-16" src="https://cdn-icons-png.flaticon.com/128/187/187902.png"
          alt="Chanel" role="img" />
      </div>
      <div
        class="w-1/3 sm:w-1/6 flex justify-center xl:pb-10 pb-16 items-center inset-0 transform  hover:scale-75 transition duration-300 contrast-75 hover:contrast-100 drop-shadow-xl">
        <img class="focus:outline-none w-12 sm:w-16" src="https://cdn-icons-png.flaticon.com/128/3845/3845877.png"
          alt="Nike" role="img" />
      </div>
      <div
        class="w-1/3 sm:w-1/6 flex justify-center xl:pb-10 pb-16 items-center inset-0 transform  hover:scale-75 transition duration-300 contrast-75 hover:contrast-100 drop-shadow-xl">
        <img class="focus:outline-none w-12 sm:w-16" src="https://cdn-icons-png.flaticon.com/128/732/732242.png"
          alt="Toyota" role="img" />
      </div>
      <div
        class="w-1/3 sm:w-1/6 flex justify-center xl:pb-10 pb-16 items-center inset-0 transform  hover:scale-75 transition duration-300 contrast-75 hover:contrast-100 drop-shadow-xl">
        <img class="focus:outline-none w-12 sm:w-16" src="https://cdn-icons-png.flaticon.com/128/187/187868.png"
          alt="Toyota" role="img" />
      </div>
      <div
        class="w-1/3 sm:w-1/6 flex justify-center xl:pb-10 pb-16 items-center inset-0 transform  hover:scale-75 transition duration-300 contrast-75 hover:contrast-100 drop-shadow-xl">
        <img class="focus:outline-none w-12 sm:w-16" src="https://cdn-icons-png.flaticon.com/128/685/685680.png"
          alt="Toyota" role="img" />
      </div>
    </div>
  </div>
</div>

<style>
  @import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

  body {
    font-family: 'Space Mono', monospace;
  }
</style>