Reorder image corners as UL, DL, DR, UR to reduce floating point error

Author: chopan050

manim/camera/camera.py

@@ -973,15 +973,25 @@ def display_image_mobject(
             The pixel array to put the :class:`~.ImageMobject` in.
         """
         sub_image = Image.fromarray(image_mobject.get_pixel_array(), mode="RGBA")
+
+        # PIL's image corner ordering is:
+        # - UL (Up Left)
+        # - DL (Down Left)
+        # - DR (Down Right)
+        # - UR (Up Right)
+        # Respect this order to reduce floating point error.
         original_coords = np.array(
             [
-                [0, 0],
-                [sub_image.width, 0],
-                [0, sub_image.height],
-                [sub_image.width, sub_image.height],
+                [0, 0],  # UL corner
+                [0, sub_image.height],  # DL corner
+                [sub_image.width, sub_image.height],  # DR corner
+                [sub_image.width, 0],  # UR corner
             ]
         )
-        target_coords = self.points_to_pixel_coords(image_mobject, image_mobject.points)
+        # ImageMobject corners are in a different order and must be reordered.
+        ul_corner, ur_corner, dl_corner, dr_corner = image_mobject.points
+        reordered_points = [ul_corner, dl_corner, dr_corner, ur_corner]
+        target_coords = self.points_to_pixel_coords(image_mobject, reordered_points)
 
         # Temporarily translate target coords to upper left corner to calculate the
         # smallest possible size for the target image.