<div className="card m-[0_10px] mb-10 flex flex-col items-center rounded-[24px] bg-midnightBlue p-[50px_50px_60px_50px] text-center">
      <Image
        width="300"
        height="280"
        alt=""
        src="/oneHour/image.jpg"
        className="m-[-100px_0_30px_0]
    h-[180px]
    w-full
    rounded-[inherit]
    object-cover
    shadow-[0_60px_40px_rgba(0,0,0,0.08)]"
      />
      <div>
        <h2 className="pb-6 text-2xl font-bold text-frostWhite">
          Developer Portfolios
        </h2>
        <p className="pb-10 text-base font-normal text-frostWhite">
          Empowering users through captivating interfaces, turning ideas into
          pixel-perfect realities.
        </p>
        <button className="rounded-full border bg-frostWhite px-4 py-2 text-base font-medium text-darkSlate">
          Check Collection
        </button>
      </div>
    </div>