diff --git a/public/video/part1.mp4 b/public/video/part1.mp4
deleted file mode 100755
index 9726476..0000000
Binary files a/public/video/part1.mp4 and /dev/null differ
diff --git a/public/video/part1_240.mp4 b/public/video/part1_240.mp4
new file mode 100644
index 0000000..633f476
Binary files /dev/null and b/public/video/part1_240.mp4 differ
diff --git a/public/video/part1_360.mp4 b/public/video/part1_360.mp4
new file mode 100644
index 0000000..9b665ed
Binary files /dev/null and b/public/video/part1_360.mp4 differ
diff --git a/public/video/part1_480.mp4 b/public/video/part1_480.mp4
new file mode 100644
index 0000000..879481e
Binary files /dev/null and b/public/video/part1_480.mp4 differ
diff --git a/src/assets/bg.jpg b/src/assets/bg.jpg
index 5d39a23..7337ead 100644
Binary files a/src/assets/bg.jpg and b/src/assets/bg.jpg differ
diff --git a/src/assets/bg_dark.jpg b/src/assets/bg_dark.jpg
new file mode 100644
index 0000000..5d39a23
Binary files /dev/null and b/src/assets/bg_dark.jpg differ
diff --git a/src/components/BDay.vue b/src/components/BDay.vue
index 7010fb7..c7e26b5 100644
--- a/src/components/BDay.vue
+++ b/src/components/BDay.vue
@@ -3,8 +3,9 @@
         <h1>Alles Gute zu Deinem Geburtstag!</h1>
         <vue-plyr>
             <video poster='../assets/poster.png' autoplay="true">
-                <source src='/video/part1.mp4' type='video/mp4' size='640'>
-                <source src='/video/part1.webm' type='video/webm' size='854'>
+                <source src='/video/part1_240.mp4' type='video/mp4' size='240'>
+                <source src='/video/part1_360.mp4' type='video/mp4' size='360'>
+                <source src='/video/part1_480.mp4' type='video/mp4' size='480'>
             </video>
         </vue-plyr>
     </div>