Элементы фонового изображения сверху

Мне было поручено создать страницу с ошибкой 404.php. Я только начал изучать все, и эта задача довольно сложная. До сих пор я успешно:

• настроить github + atom
• клонировать репозиторий, содержащий некоторый код
• настроил MAMP + WordPress и получил работающую базу данных
• пытаясь организовать все условия и стараясь не путать их

Прошло всего 4 дня с тех пор, как я начал с нуля практически со всем.

Мне удалось получить этот код в 404.php:

> <?php
/**
* The template for displaying 404 pages (Not Found).
**/

get_header(); ?>
<div id="bg">
<img src="<?php echo get_bloginfo('template_directory'); ?> \img\Free-Chalkboard-Backgrounds.jpg" alt="background">
</div>
<header class="entry-header">
<center>
<h1 class="entry-title">404 - Not found</h1>
</center>
</header>

<article id="post-0" class="post error404 no-results not-found">
<div class="entry-content">
<p><big>404 - Die Seite konnte nicht gefunden werden.</big></p>
<?php get_search_form(); ?>
<!--   <img class="img-responsive" src="<?php echo $logoUrl; ?>" alt="Logo - <?php echo get_bloginfo('name'); ?>">  -->
<center><img src="<?php echo get_bloginfo('template_directory'); ?> \img\internet-error-404-file-not-found.jpg" alt="404 not-found"  />
</center>
</div>
<!-- .entry-content -->
</article>
<!-- #post-0 -->
<footer><ul class="list-inline Impressum">
<li> <a href="https://www.th-nuernberg.de/seitenbaum/impressum/page.html" target="blank">
<alt=>Impressum</a> </li>
<li> |
</li>
<li> <a href="https://www.th-nuernberg.de/institutionen/hochschulkommunikation/ohm-shop/agb/page.html" target="blank">
<alt=>AGB</a> </li>
<li> |
</li>
<li> <a href="https://www.th-nuernberg.de/institutionen/language-center/ueber-uns/page.html" target="blank">
<alt=>Über uns</a> </li>
</ul></footer>

<?php get_footer(); ?>

И это CSS

#bg {
position: fixed;
top: -64%;
left: -55%;
width: 200%;
height: 200%;
}
#bg img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 55%;
min-height: 55%;
}

Это выглядит так на странице localhost:

превью 404

Как я могу сделать так, чтобы другие элементы находились поверх фона? Я прочитал несколько ответов, но сейчас я так растерялся, что мне нужна конкретная подсказка для моего случая.
Заранее спасибо за помощь!