Use HTML table layout to preserve image aspect ratios

README.md

@@ -63,15 +63,16 @@ These metrics were computed on a validation set of 5,000 images with 10,777 inst
 
 Here are some examples of the model's person segmentation capabilities:
 
-<div style="display: flex; justify-content: center; margin-bottom: 10px;">
-  <img src="examples/example1.png" alt="Person segmentation example 1" width="45%" style="margin-right:2%"/>
-  <img src="examples/example2.png" alt="Person segmentation example 2" width="45%" style="margin-left:2%"/>
-</div>
-
-<div style="display: flex; justify-content: center; margin-bottom: 10px;">
-  <img src="examples/example3.png" alt="Person segmentation example 3" width="45%" style="margin-right:2%"/>
-  <img src="examples/example4.png" alt="Person segmentation example 4" width="45%" style="margin-left:2%"/>
-</div>
+<table>
+  <tr>
+    <td><img src="examples/example1.png" alt="Person segmentation example 1" /></td>
+    <td><img src="examples/example2.png" alt="Person segmentation example 2" /></td>
+  </tr>
+  <tr>
+    <td><img src="examples/example3.png" alt="Person segmentation example 3" /></td>
+    <td><img src="examples/example4.png" alt="Person segmentation example 4" /></td>
+  </tr>
+</table>
 
 The model effectively segments people in various poses, lighting conditions, and contexts, providing accurate masks even with complex backgrounds.