I am having a few layout issues. I am creating a invoice layout. On the first row, I want the logo displayed in the top left corner, with the word Invoice under this. If no logo url provided, just the word invoice. On the right hand side, I want to display some business details. Currently I have this

<div className="flex flex-col md:flex-row justify-between items-start h-auto">
    <div className="md:w-[50%] flex flex-col items-start p-3 flex-grow">
      <div className="relative w-full h-full flex flex-col justify-between">
        {logoUrl && (
          <CldImage
            className="max-w-full max-h-full w-full logo-img"
            width="240"
            height="240"
            src={logoUrl}
            alt="Invoice Logo"
          />
        )}
        <h2 className="text-4xl uppercase font-semibold mt-5">Invoice</h2>
      </div>
    </div>
    <div className="md:w-[50%] flex flex-col items-end p-3 flex-grow">
      <div className="relative w-full h-full invoice flex flex-col justify-between">
        <div className="flex flex-col">
          <div className="w-full mb-1 flex items-center text-base justify-end">
            <p>{businessName}</p>
          </div>
          <div className="w-full mb-1 flex items-center text-base justify-end">
            <p>{businessEmail}</p>
          </div>
          <div className="w-full mb-1 flex items-center text-base justify-end">
            <p>{businessNumber}</p>
          </div>
          <div className="w-full mb-1 flex items-center text-base justify-end">
            <p>{businessAddress}</p>
          </div>
          <div className="w-full mb-1 flex items-center text-base justify-end">
            <p>{businessAddress2}</p>
          </div>
          <div className="w-full mb-1 flex items-center text-base justify-end">
            <p>{businessCity}</p>
          </div>
          <div className="w-full mb-1 flex items-center text-base justify-end">
            <p>{businessZip}</p>
          </div>
        </div>
      </div>
    </div>
  </div>

The problem is, if a logo url is provided, I am trying to make the word Invoice appear at the bottom of the row. To do this, I need the left section to have the same height as the right section. I have tried making it grow without success. Any advice?

Thanks