.headback {
    background-image: url('/img/headback.webp'); /* 背景画像を設定 */
    background-size: cover; /* 画像をテーブル全体にフィット */
    background-color: rgba(0, 0, 255, 0.1); /* 黒の半透明オーバーレイ */
    background-blend-mode: overlay; /* オーバーレイ効果 */
    box-shadow: 5px 5px 5px 5px #2B2B2B;
    position: relative
}

.footback {
    background-image: url('/img/footback.webp'); /* 背景画像を設定 */
    background-size: cover; /* 画像をテーブル全体にフィット */
    position: relative
}