chore: update

src/components/home/banner.vue

@@ -5,11 +5,14 @@
     </el-carousel>
     <router-link to="profession">
       <div class="cover">
-        <h1>威斯康星协和大学</h1>
-        <h2>家庭教育硕士</h2>
-        <p>
-          围绕“广义家庭教育”进行教学，从家庭系统的视角深度剖析全部家庭元素以及家庭与社会的关系，从根本上理解并解决家庭的问题。
-        </p>
+        <img src="https://webapp-pub.ezijing.com/project/cuw/banner_top.jpg" />
+        <div class="cover-inner">
+          <h1>威斯康星协和大学</h1>
+          <h2>家庭教育硕士</h2>
+          <p>
+            围绕“广义家庭教育”进行教学，从家庭系统的视角深度剖析全部家庭元素以及家庭与社会的关系，从根本上理解并解决家庭的问题。
+          </p>
+        </div>
       </div>
     </router-link>
     <div class="video-box" v-show="isPlaying">
@@ -122,15 +125,33 @@ export default {
   position: absolute;
   top: 0;
   right: 100px;
-  padding: 0 40px;
   width: 434px;
   height: 100%;
-  background: url(https://webapp-pub.ezijing.com/project/cuw/banner_top.jpg) no-repeat center;
-  background-size: cover;
   z-index: 10;
   box-sizing: border-box;
-  padding-top: 25%;
+  overflow: hidden;
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    transition: all 0.25s ease-in-out;
+  }
+  &:hover {
+    img {
+      transform: scale(1.1);
+    }
+  }
 
+  .cover-inner {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 11;
+    padding: 0 40px;
+    padding-bottom: 25%;
+    box-sizing: border-box;
+  }
   h1 {
     font-size: 36px;
     color: #fff;