added tile gifs.

interfaces/basics.mdx

@@ -8,11 +8,8 @@ The best way to get started is to press the "play" button and run this demo ▶
 When opening this project in a new interface,
 you'll see **one tab** (`tab1`) and **two tiles** (`Table` on the left and `View` on the right).
 
-<picture>
-    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/interface_dark.png"/>
-    <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/interface_light.png"/>
-    <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/interface_dark.png"/>
-</picture>
+<img className="block dark:hidden" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/interface_light.png"/>
+<img className="hidden dark:block" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/interface_dark.png"/>
 
 ## Tabs
 
@@ -34,9 +31,8 @@ Tabs consist of **tiles**, which is where the data, interaction, and visualizati
 When in edit mode (`Ctrl + E`), new tiles can be added by clicking on any blank space in the tab, pressing `Ctrl + T`, or clicking "+ Add Tile".
 The corners of the tab can then be dragged for resizing, and the tab can be dragged and repositioned.
 
-<picture>
-    <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/tiles.gif"/>
-</picture>
+<img className="block dark:hidden" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/tiles_light.gif"/>
+<img className="hidden dark:block" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/tiles_dark.gif"/>
 
 If you're done positioning and sizing your tiles, it's best to exit edit mode.
 This will declutter the workspace, minimize the icons on screen and make the best use of all the tile space.

interfaces/plots.mdx

@@ -17,7 +17,7 @@ Scatter graphs can be used to plot two numerical columns against each other.
 For example, let's log the following:
 
 ```python
-for _ in range(10):
+for i in range(10):
     unify.log(
         x=i,
         y=i+random.uniform(-0.25, 0.25)