diff --git a/services/web/public/img/teasers/dropbox/teaser-dropbox-editor.png b/services/web/public/img/teasers/dropbox/teaser-dropbox-editor.png
new file mode 100644
index 0000000000..164f49ef8c
Binary files /dev/null and b/services/web/public/img/teasers/dropbox/teaser-dropbox-editor.png differ
diff --git a/services/web/public/img/teasers/dropbox/teaser-dropbox.gif b/services/web/public/img/teasers/dropbox/teaser-dropbox.gif
new file mode 100644
index 0000000000..6377d4e0b5
Binary files /dev/null and b/services/web/public/img/teasers/dropbox/teaser-dropbox.gif differ
diff --git a/services/web/public/img/teasers/dropbox/teaser-dropbox.mp4 b/services/web/public/img/teasers/dropbox/teaser-dropbox.mp4
new file mode 100644
index 0000000000..f8695f4aa8
Binary files /dev/null and b/services/web/public/img/teasers/dropbox/teaser-dropbox.mp4 differ
diff --git a/services/web/public/stylesheets/app/editor.less b/services/web/public/stylesheets/app/editor.less
index 09b972c342..2db26059c4 100644
--- a/services/web/public/stylesheets/app/editor.less
+++ b/services/web/public/stylesheets/app/editor.less
@@ -400,4 +400,26 @@
 			background-color: @gray-lightest;
 		}
 	}
+}
+
+.dropbox-teaser-title {
+	margin-top: 0;
+	text-align: center;
+}
+
+.dropbox-teaser-img {
+	.img-responsive;
+	margin-bottom: 5px;
+}
+
+.dropbox-teaser-video-container {
+	margin-top: -@modal-inner-padding;
+	margin-left: -@modal-inner-padding;
+	margin-right: -@modal-inner-padding;
+	margin-bottom: 5px;
+	overflow: hidden;
+}
+.dropbox-teaser-video {
+	width: 100%;
+	height: auto;
 }
\ No newline at end of file