From abe6afba36a67f95af89429f2927aa063457240e Mon Sep 17 00:00:00 2001
From: Viet Ngoc <ngocjohn@me.com>
Date: Sat, 26 Oct 2024 19:57:41 +0200
Subject: [PATCH] docs: Update view options readme

---
 README.md | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index b2837ae..719f46f 100644
--- a/README.md
+++ b/README.md
@@ -60,15 +60,14 @@
 
 </details>
 
-### Default & Compact view
-
-<div style="display: flex; justify-content: space-between; gap: 0.5rem;">
-  <img src="https://raw.githubusercontent.com/ngocjohn/lunar-phase-card/main/assets/lunar-default.png" alt="Lunar Phase Cards" width="48%" >
-  <img src="https://raw.githubusercontent.com/ngocjohn/lunar-phase-card/main/assets/lunar-compact.png" alt="Lunar Phase Calendar" width="48%" >
-</div>
-<div>
-  <img src="https://raw.githubusercontent.com/ngocjohn/lunar-phase-card/main/assets/moon-horizon.gif" alt="Lunar Phase Card">
-</div>
+### View options
+
+![Default card](https://raw.githubusercontent.com/ngocjohn/lunar-phase-card/main/assets/lunar-default-view.gif)
+![Calendar card](https://raw.githubusercontent.com/ngocjohn/lunar-phase-card/main/assets/lunar-calendar.gif)
+![Horizon card](https://raw.githubusercontent.com/ngocjohn/lunar-phase-card/main/assets/lunar-horizon-graph.gif)
+![Compact card](https://raw.githubusercontent.com/ngocjohn/lunar-phase-card/main/assets/lunar-compact-view.png)
+
+
 
 
 ## Installation