2 files changed, 9 insertions, 3 deletions
diff --git a/animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js b/animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js
index 647b545..61dd4e8 100644
--- a/animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js
+++ b/animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js
@@ -46,7 +46,7 @@ export const InlineCarousel = ({ paragraph, media, onAnnotationClick }) => {
 
   return (
     <div
-      className='inline-element media carousel'
+      className={'inline-element media carousel ' + color.label}
     >
       <div style={style} className='carousel-container'>
         <Carousel media={item} />
diff --git a/animism-align/frontend/app/views/viewer/player/components.inline/inline.video.js b/animism-align/frontend/app/views/viewer/player/components.inline/inline.video.js
index 039b2dd..050ade5 100644
--- a/animism-align/frontend/app/views/viewer/player/components.inline/inline.video.js
+++ b/animism-align/frontend/app/views/viewer/player/components.inline/inline.video.js
@@ -16,9 +16,9 @@ export const MediaVideo = ({ paragraph, media, currentParagraph, onAnnotationCli
   const width = window.innerWidth
   const height = window.innerHeight - (17 * 16)
   const style = {
-    backgroundColor: color.backgroundColor,
     color: color.textColor,
-    height: height + 32
+    height: height + 32,
+    backgroundColor: color.backgroundColor,
   }
   // console.log(annotation.settings)
   return (
@@ -33,6 +33,12 @@ export const MediaVideo = ({ paragraph, media, currentParagraph, onAnnotationCli
           responsive={true}
           controls={false}
           byline={false}
+          style={{
+            backgroundImage: 'url(' + item.settings.video.thumbnail_url + ')',
+            backgroundSize: '50%',
+            backgroundPosition: 'center center',
+            backgroundRepeat: 'no-repeat',
+          }}
         />
       </div>
       <MediaCitation media={item} />