background-imageで躓いたこと

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

バックグラウンドの画像が出てこない場合は上記のcssを追加する

完成形

    background: url(../img/wave.jpg);
    width: 100%;
    /* height: 100vh; */
    height: 860px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;