diff --git a/src/page/basics/video/video.scss b/src/page/basics/video/video.scss index d77fb7f..db0fcce 100644 --- a/src/page/basics/video/video.scss +++ b/src/page/basics/video/video.scss @@ -1,14 +1,6 @@ @use '../../../style/mixins' as *; .video-container { - & > *:not(.start-button) { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - } - .loading { @include square(var(--large-icon-size)); @include absolute-center; @@ -32,4 +24,8 @@ &.fully-loaded video { visibility: visible; } + + .start-button { + z-index: 1; + } } diff --git a/src/static/media/ad_astra.jpg b/src/static/media/ad_astra.jpg index 1cb52dd..890731e 100644 Binary files a/src/static/media/ad_astra.jpg and b/src/static/media/ad_astra.jpg differ diff --git a/src/styles.scss b/src/styles.scss index 0fed989..05f2224 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -92,6 +92,9 @@ noscript { left: 0; height: 100%; width: 100%; + + // the picture of videos is not always visible on firefox mobile without this + transform: translate3d(0, 0, 0.00001px); } }