背景画像 / hero（タイトルと説明）

• svgやpngの背景画像を用意
• 親は relative , 画像は absolute
• z-indexで画像を１段階下にする

例 :

<>
      <div className="relative">
        <AllPosts />
        <img src="/" alt="" className="absolute top-[100px] -z-10" />
      </div>
</>

⇒背景画像を整える

  width: 100%;
  background: url("");
  background-size: cover;
  background-position: 50% 30%;

• background-position は画像を中央寄せする為
• % は　:左右 上下;