better img loading

webpage/style.css

@@ -266,10 +266,9 @@ h2 {
 
 img {
 	vertical-align: middle;
-	max-width: 3in;
-	max-height: 3in;
-	width: auto;
-	height: auto;
+	
+	
+	]: 2 / 1;
 }
 
 #page {
@@ -345,6 +344,7 @@ p {
 	text-indent: .05in;
 	width: .175in;
 	padding-right: .026in;
+	height: .175in;
 }
 
 .spacee {
@@ -763,6 +763,15 @@ textarea:focus-visible,
 .messageimg {
 	cursor: pointer;
 	user-select: none;
+	flex-shrink: 0;
+	flex-grow: 0;
+	width: 100%;
+	height: 100%;
+	]:
+	black;
+	/* aspect-ratio: 1 /20; */
+}
+.messageimgdiv{
 }
 .embedimg {
 	cursor: pointer;
@@ -1065,7 +1074,7 @@ span {
 	position: relative;
 }
 .tabbed-head{
-    background: var(--settings-hover);
+    background: var(--profile-info-bg);
 }
 .tabbed-content td{
     /* border-color: var(--textarea-bg); */