From b173bd32b59fbc69ce056d73754b319dcda2b50d Mon Sep 17 00:00:00 2001
From: RyanOnTheInside <7623207+ryanontheinside@users.noreply.github.com>
Date: Thu, 15 Aug 2024 11:57:35 -0400
Subject: [PATCH] html

---
 readme.md | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/readme.md b/readme.md
index 061eceb..68a9ea7 100644
--- a/readme.md
+++ b/readme.md
@@ -7,16 +7,19 @@ RyanOnTheInside node pack introduces the following (so far):
 - Temporal Masks
 
   
-<div style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start;">
-  <img src="./assets/particle_systems.gif" style="max-width: 400px; width: calc(50% - 5px); height: auto;" alt="RyanOnTheInside particle demo header">
-  <img src="./assets/optical_flow.gif" style="max-width: 400px; width: calc(50% - 5px); height: auto;" alt="RyanOnTheInside optical flow demo">
-  <div style="display: flex; flex-direction: column; max-width: 400px; width: calc(50% - 5px);">
-    <img src="./assets/time.gif" style="width: 100%; height: auto;" alt="Time">
-    <img src="./assets/plume_examples.gif" style="width: 100%; height: auto; margin-top: 10px;" alt="Plume examples using two particle emitters">
+<div style="max-width: 600px; margin: 0;">
+  <div style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start;">
+    <img src="./assets/particle_systems.gif" style="max-width: 400px; width: calc(50% - 5px); height: auto;" alt="RyanOnTheInside particle demo header">
+    <img src="./assets/optical_flow.gif" style="max-width: 400px; width: calc(50% - 5px); height: auto;" alt="RyanOnTheInside optical flow demo">
+    <div style="display: flex; flex-direction: column; max-width: 400px; width: calc(50% - 5px);">
+      <img src="./assets/time.gif" style="width: 100%; height: auto; max-height: 200px; object-fit: contain;" alt="Time">
+      <img src="./assets/plume_examples.gif" style="width: 100%; height: auto; max-height: 200px; object-fit: contain; margin-top: 10px;" alt="Plume examples using two particle emitters">
+    </div>
+    <img src="./assets/iris.gif" style="max-width: 400px; width: calc(50% - 5px); height: auto;" alt="Plume examples using two particle emitters">
   </div>
-  <img src="./assets/iris.gif" style="max-width: 400px; width: calc(50% - 5px); height: auto;" alt="Plume examples using two particle emitters">
 </div>
 
+
 *Some examples using particle emitters and vortices*
 
 ## Installation