diff --git a/server/src/public/page.html b/server/src/public/page.html
index 513f2036e..93867f0ed 100644
--- a/server/src/public/page.html
+++ b/server/src/public/page.html
@@ -172,9 +172,6 @@
color: black;
padding: 0.3rem;
font-size: 0.8rem;
- position: fixed;
- bottom: 0.5rem;
- left: 0.5rem;
text-decoration: none;
}
@@ -264,6 +261,41 @@
background-color: color-mix(in srgb, var(--brand-color), black 20%);
}
}
+
+ .video-wrapper {
+ position: fixed;
+ bottom: 20px;
+ left: 20px;
+ width: 100%;
+ max-width: 18.5rem;
+ height: 14.5rem;
+ margin: 0;
+ padding: 0;
+
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .video-wrapper iframe {
+ width: 100%;
+ height: 100%;
+ border: none;
+ object-fit: cover;
+ }
+
+ @media (max-width: 640px) {
+ .video-wrapper {
+ position: relative;
+ bottom: 0;
+ left: 0;
+ margin: 0 auto;
+ max-width: calc(100vw - 4rem);
+ height: 20rem;
+ }
+ }