修正跑板問題

about/about.css

@@ -627,7 +627,7 @@ body .arrow:hover {
   #banner #banner-container .tab-content .sec04 .col-lg-4 .sec04-p-m {
     width: 100%;
     position: absolute;
-    top: 100px;
+    top: 50px;
     left: 0px;
     font-size: 18px;
     opacity: 0;
@@ -661,13 +661,19 @@ body .arrow:hover {
 #banner #banner-container .tab-content .sec04 .col-lg-4 img {
   -o-object-fit: cover;
      object-fit: cover;
-  width: 480px !important;
-  height: 280px !important;
+  width: 430px !important;
+  height: 200px !important;
   opacity: 1;
   -webkit-transition: 0.3s ease-in-out;
   transition: 0.3s ease-in-out;
 }
 
+@media screen and (max-width: 767px) {
+  #banner #banner-container .tab-content .sec04 .col-lg-4 img {
+    height: 180px !important;
+  }
+}
+
 #banner #banner-container .tab-content .sec04 .col-lg-4 .sec03-img-m {
   text-align: center;
   width: 100%;

about/about.scss

@@ -490,7 +490,7 @@ body {
                         @media screen and(min-width:$desktop) {
                             width: 100%;
                             position: absolute;
-                            top: 100px;
+                            top: 50px;
                             left: 0px;
                             font-size: 18px;
                             opacity: 0;
@@ -517,10 +517,13 @@ body {
 
                     img {
                         object-fit: cover;
-                        width: 480px !important;
-                        height: 280px !important;
+                        width: 430px !important;
+                        height: 200px !important;
                         opacity: 1;
                         transition: 0.3s ease-in-out;
+                        @media screen and(max-width:$moblie) {
+                            height: 180px !important;
+                        }
                     }
                     .sec03-img-m {
                         text-align: center;