From 300dff00d08b8edd9d8f9656cdb86ec64fcecf92 Mon Sep 17 00:00:00 2001
From: starportx <starportx@sohu.com>
Date: Wed, 11 Dec 2024 19:56:27 +0800
Subject: [PATCH] fix

---
 _includes/css/agency.css | 22 +++++++++++++++-------
 _includes/header.html    |  8 +++++---
 2 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/_includes/css/agency.css b/_includes/css/agency.css
index 6a8bc68..0401e77 100644
--- a/_includes/css/agency.css
+++ b/_includes/css/agency.css
@@ -268,6 +268,7 @@ fieldset[disabled] .btn-xl.active {
 header {
     text-align: center;
     color: #fff;
+    /*
     background-attachment: scroll;
     background-image: url('{{ site.baseurl }}/img/portfolio/shader-vertex-GrassMotion.webp');
     background-position: center top;
@@ -276,6 +277,7 @@ header {
     -moz-background-size: cover;
     background-size: cover;
     -o-background-size: cover;
+        */
 }
 
 
@@ -284,13 +286,19 @@ header .intro-text {
     padding-bottom: 150px;
 }
 
-header .intro-text .introvideo {
-        width: 100%;
-        height: 100%;
-        position: absolute;
-        object-fit: cover;
-        z-index: -1;
-    }
+header .intro-text .video-container {
+    height: 300px;
+    width: 300px;
+    position: relative;
+}
+
+header .intro-text .video-container .introvideo {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    object-fit: fill;
+    z-index: -1;
+}
 
 header .intro-text .intro-lead-in {
     margin-bottom: 25px;
diff --git a/_includes/header.html b/_includes/header.html
index 4f42172..3853014 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -45,9 +45,11 @@
     <header>
         <div class="container">
             <div class="intro-text text-left">
-                <video class="introvideo" autoplay muted loop>
-                    <source src="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" type="video/mp4" />
-                </video>
+                <div class="video-container">
+                    <video class="introvideo" autoplay muted loop>
+                        <source src="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" type="video/mp4" />
+                    </video>
+                </div>
                 <div class="intro-heading">StarportX</div>
                 <div class="intro-lead-in">Tech Artist / Graphic / Indie Dev</div>
                 <!--<a href="#services" class="page-scroll btn btn-xl">Tell Me More</a>-->