2 files changed, 26 insertions, 10 deletions
diff --git a/webAO/styles/client.css b/webAO/styles/client.css
index 9671a9a..702766e 100644
--- a/webAO/styles/client.css
+++ b/webAO/styles/client.css
@@ -241,7 +241,7 @@
 }
 
 .def_court {
-	object-position: left;
+	object-position: center;
 }
 
 .wit_court {
@@ -249,7 +249,7 @@
 }
 
 .pro_court {
-	object-position: right;
+	object-position: center;
 }
 
 #client_fullview {
@@ -278,11 +278,11 @@
 .client_char>img {
 	position: absolute;
 	height: 100%;
-	width: 100%;
 	bottom: 0;
-	left: 0;
-	object-fit: cover;
-	object-position: 50% 0;
+	top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+
 }
 
 #client_bench_classic {
@@ -311,17 +311,19 @@
 
 .client_bench {
 	position: absolute;
-	height: auto;
-	width: 100%;
+	height: 100%;
 	bottom: 0;
+	object-fit: contain;
 }
 
 #client_fg {
 	position: absolute;
 	height: 100%;
-	width: 100%;
 	bottom: 0;
 	left: 0;
+	top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
 }
 
 #client_evi {
@@ -725,4 +727,4 @@
 .hrtext:after {
 	left: 0.5em;
 	margin-right: -50%;
-}
+}
+\ No newline at end of file
diff --git a/webAO/styles/default.css b/webAO/styles/default.css
index 5e941e0..8a090cb 100644
--- a/webAO/styles/default.css
+++ b/webAO/styles/default.css
@@ -2,11 +2,25 @@ body {
 	font-family: sans-serif;
 }
 
+@media (max-height: 270x) {
+	img {
+		image-rendering: crisp-edges;
+		image-rendering: pixelated;
+	}
+
+}
+
 img {
+	image-rendering: auto;
+}
+
+img[src$=".gif"],
+img[src$=".apng"] {
 	image-rendering: crisp-edges;
 	image-rendering: pixelated;
 }
 
+
 .client_button {
 	margin: 1px;
 	padding: 2px 15px;