remove different images for form, make object-center instead of left

Author: zhelezkov

src/index.css

@@ -2,11 +2,11 @@
 @tailwind components;
 @tailwind utilities;
 
-.blink {
-  container-type: inline-size;
-}
-
 @layer base {
+  .blink {
+    container-type: inline-size;
+  }  
+
   .dial-light {
     --blink-bg-primary: #ffffff;
     --blink-button: #2a2a2b;

src/ui/ActionLayout.tsx

@@ -103,10 +103,9 @@ export const ActionLayout = ({
             className="block max-h-[100cqw] overflow-y-hidden px-5 pt-5"
           >
             <img
-              className={clsx('w-full rounded-xl object-cover object-left', {
-                'aspect-auto': !form,
-                'aspect-[2/1]': form,
-              })}
+              className={clsx(
+                'aspect-auto w-full rounded-xl object-cover object-center',
+              )}
               src={image}
               alt="action-image"
             />