header.php

<div class='z-[-1] pt-[130px]'>
  <img class="w-[150px] mx-auto " src="./images/icaiaLogo.png" alt="">
      <div class='mx-[5%] md:mx-[15%] py-6'  style='background-color: rgba(255, 255, 255, 0.6);'>
        <div class='text-center text-white text-xl md:text-2xl lg:text-3xl font-[700] mx-auto'>
          <div class="flex justify-between mx-auto w-[95%]">
            <div class="text-blue-800 md:pl-24">
              <h1 class='z-10  md:tracking-widest tracking-[1px]'>2<sup>nd</sup> International Conference on</h1>
              <h1 class="md:tracking-[2px] tracking-[1px]">Artificial Intelligence and Applications (ICAIA 2024) </h1>
            </div>
            <img class='z-10 w-[160px] px-2 mt-3 hidden md:block' src="./images/springer.png" alt="" />
          </div>
          <h1 class=' tracking-[1px] md:tracking-[2.5px] text-[#D3B6 83] text-black mt-2 mx-3 md:mx-0 md:mt-0'>Maharaja Surajmal Institute of Technology</h1>
          <h1 class='mt-4 tracking-[1.3px] md:tracking-[3px] text-[#D3B 683] text-black text-2xl'>In association with </h1>
          <h1 class=' tracking-[1px] md:tracking-[2.5px] text-[#D3B6 83] text-black mt-2 mx-3 md:mx-0'>Wentworth Institute of Technology, Boston-USA & Springer</h1>
        </div>
      </div>
  
      <div class='text-center text-2xl font-[700] mt-4'>
        <h1 class='text-[#fcb810 ] text-white text-3xl z-10 tracking-widest'>19-20 March 2024</h1>
      </div>

    </div>