圖片調整

desktop11/index.html

@@ -195,37 +195,37 @@
                     <div class="box">
                         <img src="./img/feedback-img/feedback01.webp" alt="">
                         <p>嚮往人文接觸處的溫度-文響</p>
-                        <a href="https://hhh.com.tw/video-post.php?id=2905"><img class="play" style="width: 3vw;height: 3vw " src="./img/play (1).png"
+                        <a href="https://hhh.com.tw/video-post.php?id=2905"><img class="play" style="width: 3vw;height: 3vw  " src="./img/play (1).png"
                                 alt=""></a>
                     </div>
                     <div class="box">
                         <img src="./img/feedback-img/feedback02.webp" alt="">
                         <p>緞帶般曲線 譜出家的律動與甜蜜</p>
-                        <a href="https://hhh.com.tw/video-post.php?id=3782"><img class="play" style="width: 3vw;height: 3vw " src="./img/play (1).png"
+                        <a href="https://hhh.com.tw/video-post.php?id=3782"><img class="play" style="width: 3vw;height: 3vw  " src="./img/play (1).png"
                                 alt=""></a>
                     </div>
                     <div class="box">
                         <img src="./img/feedback-img/feedback03.webp" alt="">
                         <p>系統設計的變革 前衛科技宅</p>
-                        <a href="https://hhh.com.tw/video-post.php?id=3549"><img class="play" style="width: 3vw;height: 3vw " src="./img/play (1).png"
+                        <a href="https://hhh.com.tw/video-post.php?id=3549"><img class="play" style="width: 3vw;height: 3vw  " src="./img/play (1).png"
                                 alt=""></a>
                     </div>
                     <div class="box">
                         <img src="./img/feedback-img/feedback0411.webp" alt="">
                         <p>用系統設計 實現歐洲皇室城堡夢</p>
-                        <a href="https://hhh.com.tw/video-post.php?id=2985"><img class="play"  style="width: 3vw;height: 3vw " src="./img/play (1).png"
+                        <a href="https://hhh.com.tw/video-post.php?id=2985"><img class="play"  style="width: 3vw;height: 3vw  " src="./img/play (1).png"
                                 alt=""></a>
                     </div>
                     <div class="box">
                         <img src="./img/feedback-img/feedback05.webp" alt="">
                         <p>不良格局變身 3米6日光鄉村宅</p>
-                        <a href="https://hhh.com.tw/video-post.php?id=2122"><img class="play"  style="width: 3vw;height: 3vw " src="./img/play (1).png"
+                        <a href="https://hhh.com.tw/video-post.php?id=2122"><img class="play"  style="width: 3vw;height: 3vw  " src="./img/play (1).png"
                                 alt=""></a>
                     </div>
                     <div class="box">
                         <img src="./img/feedback-img/feedback06.webp" alt="">
                         <p>雙拼豪宅古典、日式一次擁有</p>
-                        <a href="https://hhh.com.tw/video-post.php?id=3847"><img class="play"  style="width: 3vw;height: 3vw " src="./img/play (1).png"
+                        <a href="https://hhh.com.tw/video-post.php?id=3847"><img class="play"  style="width: 3vw;height: 3vw  " src="./img/play (1).png"
                                 alt=""></a>
                     </div>
 

desktop11/style.css

@@ -441,6 +441,16 @@ body .arrow {
   position: relative;
 }
 
+#feedback #feedback-box .box .play {
+  position: absolute;
+  left: 12vw !important;
+  top: 5vw !important;
+  width: 3vw;
+  height: 3vw;
+  opacity: 0.8;
+  z-index: 10;
+}
+
 #feedback #feedback-box .box img {
   width: 25vw;
   margin: 0 auto;
@@ -457,16 +467,6 @@ body .arrow {
   margin: 10px;
 }
 
-#feedback #feedback-box .box .play {
-  position: absolute;
-  left: 12vw;
-  top: 5vw;
-  width: 3vw;
-  height: 3vw;
-  opacity: 0.8;
-  z-index: 10;
-}
-
 #contact-us {
   margin: 0 auto;
   width: 100vw;

desktop11/style.scss

@@ -384,6 +384,16 @@ body {
             text-align: center;
             padding-bottom: 1vw;
             position: relative;
+            .play{
+                position: absolute;
+                left:12vw !important;
+                top: 5vw !important;;
+                width: 3vw;
+                height: 3vw;
+                opacity: 0.8;
+                z-index: 10;
+               
+            }
             img {
                 width: 25vw;
                 margin: 0 auto;
@@ -400,16 +410,7 @@ body {
                 font-weight: 600;
                 margin: 10px;
             }
-            .play{
-                position: absolute;
-                left:12vw;
-                top:5vw;
-                width: 3vw;
-                height: 3vw;
-                opacity: 0.8;
-                z-index: 10;
-               
-            }
+            
         }
     }
 }