css: update background photo on homepage to not be fixed on mobile, a…

…dd background color on videos
middlebury · Oct 13, 2023 · d0c5d2f · d0c5d2f
1 parent 781f7d7
commit d0c5d2f
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/src/scss/components/_campaign-section.scss b/src/scss/components/_campaign-section.scss
@@ -112,11 +112,11 @@
         }
 
         &.video {
-            position: fixed;
             background: $navy no-repeat 50% 50% / cover;
             background-image: url(https://via.placeholder.com/425x756);
 
             @include breakpoint(sm) {
+                position: fixed;
                 background-image: initial;
             }
 

diff --git a/src/scss/components/_portrait-video.scss b/src/scss/components/_portrait-video.scss
@@ -17,6 +17,7 @@
 .portrait-video__content {
   position: relative;
   padding-bottom: percentage(16 / 9);
+  background-color: #000;
 
   img,
   iframe {

diff --git a/src/scss/components/_video.scss b/src/scss/components/_video.scss
@@ -43,6 +43,7 @@
     padding-top: percentage(9 / 16);
     height: 0;
     overflow: hidden;
+    background-color: #000;
 
     iframe,
     img {