From e773619524647074554005f18ec8840ddd06b1cb Mon Sep 17 00:00:00 2001
From: Juan Di Toro <ditorojuanf@gmail.com>
Date: Sun, 13 Aug 2023 09:04:17 +0200
Subject: [PATCH] fix: meme misalignment

---
 src/components/Home/WebComparison/WebComparison.astro | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Home/WebComparison/WebComparison.astro b/src/components/Home/WebComparison/WebComparison.astro
index 82eae75..07c9321 100644
--- a/src/components/Home/WebComparison/WebComparison.astro
+++ b/src/components/Home/WebComparison/WebComparison.astro
@@ -52,11 +52,11 @@ import meme4Small from "/src/assets/meme-4-small.png";
   <div
     class="hidden lg:flex flex-1 flex-row w-full divide-x divide-dark-aquamarine"
   >
-    <div class="relative flex-1">
+    <div class="relative flex-1 overflow-hidden">
       <img
         src={meme3.src}
         alt=""
-        class="absolute bottom-0 -left-[110px] xl:-left-5 float-left"
+        class="absolute bottom-0 -left-[110px] xl:-left-5 float-left object-contain"
       />
       <span class="float-right mt-16 w-[300px] space-y-10 mr-1 xl:mr-5">
         <h3 class="font-display text-6xl">Crypto/<br />DeFi</h3>