CSSは相対パス,styleはURL

wordpressでトップ画面のbackground-imageの図が合わない。
css/common.cssは、相対パスで以下のように書く。
#wrap {
background-image: url("../images/bg_wrap.png");
background-color: #f9f5ec;
background-repeat: repeat-x;
}
.home #wrap {
background-image: url("../images/bg_wrap-front_page.png");
}
この図を修正して利用しようとした。でもこの相対パス表現があわないようだ。
<style></style>を　header.php に書けば、URLで書ける。
図をメディアにアップして、そのURLをここに書いた。

<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>" />
<style>
#wrap {
background-image: url("http://localhost/wordpress/wp-content/uploads/2018/08/bg_wrap-front_page.png");
background-color: #f9f5ec;
background-repeat: repeat-x;
}
.home #wrap {
background-image: url("http://localhost/wordpress/wp-content/uploads/2018/08/bg_wrap-front_page.png");
}
</style>

こうすることで、以下のトップページになった。