adjusted rendering for images

app.py

@@ -10,7 +10,7 @@ theme = gr.themes.Monochrome(
 css = "@import url(https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap);#component-3," \
       "#component-4{margin-bottom:10px}.gradio-container{background-image:url(" \
       "\"file/img/bg.png\");background-size:contain;background-position:top;background-color:#cda678;font-family" \
-      ":Silkscreen;position:relative}#component-4{" \
+      ":Silkscreen;position:relative;image-rendering: pixelated}#component-4{" \
       "margin-top:auto}.tabs.svelte-btpldm{height:100%}button.svelte-btpldm {background-color: #cda678;border: 1px " \
       "solid #fff;margin-right: 2px}.tabitem{background-color:#002366;border:1px solid " \
       "#fff}#component-17,#component-25,#component-33,#component-41,#component-9{" \

style.css

@@ -7,6 +7,7 @@
     background-color: #cda678;
     font-family: "Silkscreen";
     position: relative;
+    image-rendering: pixelated;
 }
 
 #component-3 {