update

layouts/ad-operation/single.html

@@ -224,7 +224,10 @@
       </div>
     </div>
 
-    <img src="/imgs/dm/ad-operation-03.png" alt="" class="img-fluid">
+    <section class="client-content">
+      <p>感謝客戶的信賴</p>
+      <img src="/imgs/dm/ad-operation-03.png" alt="" class="img-fluid">
+    </section>
 
     <div class="container">
       <div class="row">

static/css/style.css

@@ -1581,6 +1581,34 @@
   font-weight: bold;
   color: #fff;
 }
+#ad-operation .client-content {
+  position: relative;
+  display: flex;
+  justify-content: center;
+}
+#ad-operation .client-content p {
+  position: absolute;
+  top: 11vw;
+  z-index: 10;
+  font-size: 32px;
+  font-weight: bold;
+}
+@media (max-width: 991px) {
+  #ad-operation .client-content p {
+    font-size: 28px;
+  }
+}
+@media (max-width: 767px) {
+  #ad-operation .client-content p {
+    font-size: 22px;
+  }
+}
+@media (max-width: 575px) {
+  #ad-operation .client-content p {
+    top: 9vw;
+    font-size: 18px;
+  }
+}
 #ad-operation .pageForm {
   line-height: 32px;
   letter-spacing: 1px;

static/css/style.scss

@@ -1527,6 +1527,29 @@
     color: #fff;
   }
 
+  .client-content {
+    position: relative;
+    display: flex;
+    justify-content: center;
+    p {
+      position: absolute;
+      top: 11vw;
+      z-index: 10;
+      font-size: 32px;
+      font-weight: bold;
+      @media (max-width: 991px) {
+        font-size: 28px;
+      }
+      @media (max-width: 767px) {
+        font-size: 22px;
+      }
+      @media (max-width: 575px) {
+        top: 9vw;
+        font-size: 18px;
+      }
+    }
+  }
+
   .pageForm {
     line-height: 32px;
     letter-spacing: 1px;