        <Image
          src={user.avatar_url}
          layout="fill"
          alt={user.name}
          className="rounded-xl"
        />
      </div>

      <div className="flex flex-col flex-1 gap-4 mt-5 sm:mt-0">
        <div className="flex flex-col gap-4 md:flex-row md:justify-between">
          <div className="flex flex-col">
            <h1 className="text-2xl text-gray-800">{user.name}</h1>
            <span className="text-lg text-gray-700">{user.title}</span>