arrow removed from index

index.html

@@ -113,11 +113,6 @@
         </li>
         <li id="music">
           <a aria-label="Listen to my music" href="sound-design.html">music</a>
-          <picture aria-hidden="true" id="arrow">
-            <source srcset="res/img-home-dothis.avif" type="image/avif" />
-            <source srcset="res/img-home-dothis.webp" type="image/webp" />
-            <img src="res/img-home-dothis.png" alt="" />
-          </picture>
         </li>
         <div aria-hidden="true" id="whitespace"></div>
         <li>

style.css

@@ -237,13 +237,6 @@ header {
   background-color: var(--accent-2);
 }
 
-#arrow img {
-  position: absolute;
-  left: 30px;
-  top: 40px;
-  width: 250px;
-}
-
 /* Socials */
 #socials {
   display: -webkit-box;
@@ -290,6 +283,11 @@ header {
   background-color: var(--text-highlight);
 }
 
+li#music:not(#here) a {
+  -webkit-animation: nav-flash 1s ease-in-out 5 alternate;
+  animation: nav-flash 1s ease-in-out 10 alternate;
+}
+
 /* ------------------------------------------------------ */
 
 @media only screen and (max-width: 790px) {
@@ -316,14 +314,9 @@ header {
     width: 100px;
   }
 
-  #whitespace,
-  #arrow {
+  #whitespace {
     display: none;
   }
-  li#music:not(#here) a {
-    -webkit-animation: nav-flash 1s ease-in-out infinite alternate;
-    animation: nav-flash 1s ease-in-out infinite alternate;
-  }
 }
 
 /* ---------- ANIMATIONS ---------- */