colab?!

files_cells/python/ru/widgets_ru.py

@@ -43,6 +43,11 @@ args = parser.parse_args()
 # ---
 url_img, opacity_img, blur_img, y_img, x_img, scale_img, mode_img = args.image, args.opacity, args.blur, args.y, args.x, args.scale, args.mode
 
+# WTF COLAB - WHAT THE FUCK IS THE DIFFERENCE OF 40 PIXELS!?!?!?
+fix_heigh_img = "-780px"
+if env == "Google Colab": # betrayal..
+    fix_heigh_img = "-740px"
+
 container_background = f'''
 <style>
 :root {{
@@ -53,6 +58,7 @@ container_background = f'''
   --image_x: {x_img}px;
   --img_scale: {scale_img}%;
   --img_mode: {mode_img};
+  --img_height_dif: {fix_heigh_img}
 }}
 
 .widget-dropdown select,
@@ -136,13 +142,13 @@ hr {
   background-position: var(--image_x) calc(-120px - var(--image_y));
 }
 .image_2::before {
-  background-position: var(--image_x) calc(-291px - var(--image_y));
+  background-position: var(--image_x) calc(-290px - var(--image_y));
 }
 .image_3::before {
-  background-position: var(--image_x) calc(-427px - var(--image_y));
+  background-position: var(--image_x) calc(-430px - var(--image_y));
 }
 .image_4::before {
-  background-position: var(--image_x) calc(-737px - var(--image_y));
+  background-position: var(--image_x) calc(var(--img_height_dif) - var(--image_y));
 }
 
 .container_custom_downlad {