[解決済み] img src タグで画像が表示されない

質問

img src タグを使用して、ウェブページのフッターにソーシャルメディアのアイコンを表示しようとしています（簡単なはずです）。画像が表示されず、問題が見つかりません。

html

<div class="mastfoot">
    <div class="inner">
        <p><a href="#"><img src="/images/twitter.png"></a></p>
    </div>
</div>

css

.mastfoot {
    position: fixed;
    bottom: 0;
}

私は何か簡単なことを見落としているかもしれませんが、よろしくお願いします。

ブラウザで画像ファイルを検査したところ、以下のような結果が得られました。

以下は、CSSのインナークラスに関するコードです。

.site-wrapper-inner {
    display: table-cell;
    vertical-align: top;
}

.inner {
    padding: 30px;
}

.site-wrapper-inner {
    vertical-align: middle;
}

解決方法は？

画像フォルダがあるassetsフォルダへのパスをリダイレクトしました。

<img src="assets/twitter.png">

そして、うまくいきました。なぜなのかはよく分かりませんが