Update _res/_custom.css

_res/_custom.css

@@ -228,70 +228,47 @@ 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;
+        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;
         border-radius: 0.4rem;
         border: 4px solid var(--text-color-by-luminance);
-        overflow: hidden;
         /*background: transparent;*/
-        
-        & 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;
-        }
+        background-position: center;
     }
 
     [data-aspect-ratio="16-9"] {
         width: 90px !important;
         height: 51px !important;
-        & div {
-            background-image: url("file=_res/assets/ratio_preview_bgs/90x51px_16zu9.png");
-        }
+        background-image: url("file=_res/assets/ratio_preview_bgs/90x51px_16zu9.png");
     }
     [data-aspect-ratio="9-16"] {
         width: 51px !important;
         height: 90px !important;
-        & div {
-            background-image: url("file=_res/assets/ratio_preview_bgs/51x90px_9zu16.png");
-        }
+        background-image: url("file=_res/assets/ratio_preview_bgs/51x90px_9zu16.png");
     }
     [data-aspect-ratio="4-3"] {
         width: 90px !important;
         height: 60px !important;
-        & div {
-            background-image: url("file=_res/assets/ratio_preview_bgs/90x60px_4zu3.png");
-        }
+        background-image: url("file=_res/assets/ratio_preview_bgs/90x60px_4zu3.png");
     }
     [data-aspect-ratio="3-4"] {
         width: 60px !important;
         height: 90px !important;
-        & div {
-            background-image: url("file=_res/assets/ratio_preview_bgs/90x60px_3zu4.png");
-        }
+        background-image: url("file=_res/assets/ratio_preview_bgs/60x70px_3zu4.png");
     }
     [data-aspect-ratio="3-2"] {
         width: 90px !important;
         height: 67px !important;
-        & div {
-            background-image: url("file=_res/assets/ratio_preview_bgs/90x67px_3zu2.png");
-        }
+        background-image: url("file=_res/assets/ratio_preview_bgs/90x67px_3zu2.png");
     }
     [data-aspect-ratio="2-3"] {
         width: 67px !important;
         height: 90px !important;
-        & div {
-            background-image: url("file=_res/assets/ratio_preview_bgs/67x90px_2zu3.png");
-        }
+        background-image: url("file=_res/assets/ratio_preview_bgs/67x90px_2zu3.png");
     }
     [data-aspect-ratio="1-1"] {
         width: 70px !important;
         height: 70px !important;
-        & div {
-            background-image: url("file=_res/assets/ratio_preview_bgs/70x70px_1zu1.png");
-        }
+        background-image: url("file=_res/assets/ratio_preview_bgs/70x70px_1zu1.png");
     }
 }