adjusted image scaling

app.py

@@ -35,9 +35,9 @@ css = "@import url(https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;
       "position:absolute;top:20px;right:20px;width:44px;height:44px;min-width:44px;min" \
       "-height:44px;line-height:0}.output-class.svelte-1s28oeb.svelte-1s28oeb.svelte-1s28oeb,div.svelte-1eq475l{" \
       "font-weight:400}br+br+br{display:none}#component-13,#component-21,#component-29,#component-37,#component-45{" \
-      "min-height:100px;background-position:bottom;background-repeat:no-repeat;background-size:contain}#component-14," \
-      "#component-22,#component-30,#component-38,#component-46{display:none}#component-13{background-image:url(" \
-      "\"file/img/suspects/steve.png\")}"
+      "min-height:100px;background-position:bottom;background-repeat:no-repeat;background-size:contain;image" \
+      "-rendering:pixelated}#component-14,#component-22,#component-30,#component-38,#component-46{" \
+      "display:none}#component-13{background-image:url(\"file/img/suspects/steve.png\")}"
 
 with gr.Blocks(theme=theme, css=css) as iface:
     chatbot = []

style.css

@@ -152,6 +152,7 @@ br + br + br {
     background-position: bottom;
     background-repeat: no-repeat;
     background-size: contain;
+    image-rendering: pixelated;
 }
 
 #component-14, #component-22, #component-30, #component-38, #component-46 {