revert legacy comment and fine tune legacy aspect ratio

Author: wxiaoguang

web_src/css/features/heatmap.css

@@ -7,25 +7,14 @@
 .activity-heatmap-container {
   container-type: inline-size;
 }
-
-@container (width > 0) {
-  #user-heatmap {
-    /* Set element to fixed height so that it does not resize after load. The calculation is complex
-       because the element does not scale with a fixed aspect ratio. */
-    height: calc((100cqw / 5) - (100cqw / 25) + 20px);
-  }
+#user-heatmap.is-loading {
+  aspect-ratio: 5.4823972051; /* the size is about 816 x 148.84 */
 }
-
-/* Fallback height adjustment above for browsers that don't support container queries */
-@supports not (container-type: inline-size) {
-  #user-heatmap.is-loading {
-    aspect-ratio: 5.415;
-  }
-  .user.profile #user-heatmap.is-loading {
-    aspect-ratio: 5.645;
-  }
+.user.profile #user-heatmap.is-loading {
+  aspect-ratio: 5.6290608387; /* the size is about 953 x 169.3 */
 }
 
+
 #user-heatmap text {
   fill: currentcolor !important;
 }