Update _res/_custom.css

_res/_custom.css

@@ -228,47 +228,69 @@ span.has-info+div {
     & #switch_width_height_inner {
         width: 100px;
         height: 100px;
-        transition: transform 0.2s ease-in-out, width 0.3s ease-in-out, height 0.38s ease-in-out 0.1s, background-image 0.3s ease-in-out;
+        transition: transform 0.2s ease-in-out, width 0.3s ease-in-out, height 0.38s ease-in-out 0.1s;
         border-radius: 0.4rem;
         border: 4px solid var(--text-color-by-luminance);
         /*background: transparent;*/
-        background-position: center;
+        
+        & div {
+            width: calc(100% + 20px);
+        	height: calc(100% + 20px);
+        	margin-top: -10px;
+        	margin-left: -10px;
+            transition: background-image 0.3s ease-in-out;
+            background-position: center;
+        }
     }
 
     [data-aspect-ratio="16-9"] {
         width: 90px !important;
         height: 51px !important;
-        background-image: url("file=_res/assets/ratio_preview_bgs/90x51px_16zu9.png");
+        & div {
+            background-image: url("file=_res/assets/ratio_preview_bgs/90x51px_16zu9.png");
+        }
     }
     [data-aspect-ratio="9-16"] {
         width: 51px !important;
         height: 90px !important;
-        background-image: url("file=_res/assets/ratio_preview_bgs/51x90px_9zu16.png");
+        & div {
+            background-image: url("file=_res/assets/ratio_preview_bgs/51x90px_9zu16.png");
+        }
     }
     [data-aspect-ratio="4-3"] {
         width: 90px !important;
         height: 60px !important;
-        background-image: url("file=_res/assets/ratio_preview_bgs/90x60px_4zu3.png");
+        & div {
+            background-image: url("file=_res/assets/ratio_preview_bgs/90x60px_4zu3.png");
+        }
     }
     [data-aspect-ratio="3-4"] {
         width: 60px !important;
         height: 90px !important;
-        background-image: url("file=_res/assets/ratio_preview_bgs/90x60px_3zu4.png");
+        & div {
+            background-image: url("file=_res/assets/ratio_preview_bgs/90x60px_3zu4.png");
+        }
     }
     [data-aspect-ratio="3-2"] {
         width: 90px !important;
         height: 67px !important;
-        background-image: url("file=_res/assets/ratio_preview_bgs/90x67px_3zu2.png");
+        & div {
+            background-image: url("file=_res/assets/ratio_preview_bgs/90x67px_3zu2.png");
+        }
     }
     [data-aspect-ratio="2-3"] {
         width: 67px !important;
         height: 90px !important;
-        background-image: url("file=_res/assets/ratio_preview_bgs/67x90px_2zu3.png");
+        & div {
+            background-image: url("file=_res/assets/ratio_preview_bgs/67x90px_2zu3.png");
+        }
     }
     [data-aspect-ratio="1-1"] {
         width: 70px !important;
         height: 70px !important;
-        background-image: url("file=_res/assets/ratio_preview_bgs/70x70px_1zu1.png");
+        & div {
+            background-image: url("file=_res/assets/ratio_preview_bgs/70x70px_1zu1.png");
+        }
     }
 }