update

Author: YousefMohamd

css/modern.css

@@ -260,3 +260,31 @@ body.site-body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,s
   margin:0 0 20px 0 !important;
   letter-spacing:0.3px !important;
 }
+
+.vimeo-embed-wrapper {
+  position: relative;
+  width: 100%;
+  padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
+  height: 0;
+  overflow: hidden;
+  border-radius: 8px;
+  background: #111;
+  margin: 24px 0;
+}
+
+.vimeo-embed-wrapper iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border: 0;
+}
+
+.hs-bg {
+  object-fit: cover;
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+

projects/short-film-projects.njk

@@ -17,8 +17,9 @@ title: Short Film Projects
         {% if p.data.vimeoId %}
           <div class="video-wrapper" style="margin:12px 0;">
             <iframe
-              src="https://player.vimeo.com/video/{{ p.data.vimeoId }}"
+              src="https://player.vimeo.com/video/{{ p.data.vimeoId }}?background=1&autoplay=1&loop=1&muted=1"
               width="100%" height="420" frameborder="0"
+              loading="lazy"
               allow="autoplay; fullscreen; picture-in-picture"
               allowfullscreen>
             </iframe>
@@ -37,4 +38,3 @@ title: Short Film Projects
     {% endif %}
   {% endfor %}
 </div>
-