diff --git a/img/forest-tile-512x512.jpg b/assets/img/forest-tile-512x512.jpg
similarity index 100%
rename from img/forest-tile-512x512.jpg
rename to assets/img/forest-tile-512x512.jpg
diff --git a/img/rock1.png b/assets/img/rock1.png
similarity index 100%
rename from img/rock1.png
rename to assets/img/rock1.png
diff --git a/assets/sound/rock1.m4a b/assets/sound/rock1.m4a
new file mode 100644
index 0000000..765dc36
Binary files /dev/null and b/assets/sound/rock1.m4a differ
diff --git a/assets/sound/rock2.m4a b/assets/sound/rock2.m4a
new file mode 100644
index 0000000..2cc6458
Binary files /dev/null and b/assets/sound/rock2.m4a differ
diff --git a/assets/sound/rock3.m4a b/assets/sound/rock3.m4a
new file mode 100644
index 0000000..80fb7d0
Binary files /dev/null and b/assets/sound/rock3.m4a differ
diff --git a/assets/sound/rock4.m4a b/assets/sound/rock4.m4a
new file mode 100644
index 0000000..ad5f4f2
Binary files /dev/null and b/assets/sound/rock4.m4a differ
diff --git a/assets/sound/rock5.m4a b/assets/sound/rock5.m4a
new file mode 100644
index 0000000..fa7265e
Binary files /dev/null and b/assets/sound/rock5.m4a differ
diff --git a/index.html b/index.html
index 4ee9fc5..21a6989 100644
--- a/index.html
+++ b/index.html
@@ -91,7 +91,7 @@
 
     <template id="rock-template">
       <div class="rock">
-        <img src="./img/rock1.png" alt="Rock" />
+        <img src="./assets/img/rock1.png" alt="Rock" />
       </div>
     </template>
   </body>
diff --git a/style.css b/style.css
index d1b19dd..2012b41 100644
--- a/style.css
+++ b/style.css
@@ -85,7 +85,7 @@ body {
 #scrollable-area {
   width: 51200px;
   height: 51200px;
-  background-image: url("./img/forest-tile-512x512.jpg");
+  background-image: url("./assets/img/forest-tile-512x512.jpg");
   background-repeat: repeat;
   display: grid;
   grid-template-columns: repeat(auto-fill, 256px);