From 9e6ee05a6064f1458671752a31adf5a688e80b73 Mon Sep 17 00:00:00 2001
From: Triston <tarmstrong95@proton.me>
Date: Sun, 21 Jul 2024 14:13:16 -0500
Subject: [PATCH] update annotations

---
 about.html | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/about.html b/about.html
index e4cbf47..8d491be 100644
--- a/about.html
+++ b/about.html
@@ -122,15 +122,17 @@
           class="rounded-lg rotate-[-12deg] hover:rotate-[0deg] w-40 md:w-60 lg:w-72 ml-auto">
         <img src="./fam_1.jpeg" alt="family"
           class=" h-auto rounded-lg rotate-[12deg] hover:rotate-[0deg] w-40 md:w-60 lg:w-72  mr-auto">
-        <p class="absolute top-[-30px] right-[-280px] w-60 long-cang-regular text-xl">My family and I often travel to
+        <p class="absolute top-[-30px] right-[-280px] w-60 long-cang-regular text-xl hidden lg:block">My family and I
+          often travel to
           and from
           Thailand, as we have
           familiy
           there!
         </p>
-        <p class="absolute top-0 left-[-230px] w-60 long-cang-regular text-3xl">Me!</p>
+        <p class="absolute top-0 left-[-230px] w-60 long-cang-regular text-3xl hidden lg:block">Me!</p>
         <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79.98231602779492 100.40624372175893"
-          width="159.96463205558985" height="200.81248744351785" class="absolute right-[-280px] top-8 rotate-[20deg]">
+          width="159.96463205558985" height="200.81248744351785"
+          class="absolute right-[-280px] top-8 rotate-[20deg] hidden lg:block">
           <rect x="0" y="0" width="79.98231602779492" height="100.40624372175893" fill="#0000"></rect>
           <g stroke-linecap="round">
             <g transform="translate(33.9592080799398 10.67947049140929) rotate(0 6.5 39.5)">
@@ -154,7 +156,7 @@
 
         <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79.98231602779492 100.40624372175893"
           width="159.96463205558985" height="200.81248744351785"
-          class="absolute left-[-280px] top-8 rotate-[-20deg] scale-x-[-1]">
+          class="absolute left-[-280px] top-8 rotate-[-20deg] scale-x-[-1] hidden lg:block">
           <rect x="0" y="0" width="79.98231602779492" height="100.40624372175893" fill="#0000"></rect>
           <g stroke-linecap="round">
             <g transform="translate(33.9592080799398 10.67947049140929) rotate(0 6.5 39.5)">