From 9887b9d9a70d9ab1c1dc8fed61fd8addeeb6d477 Mon Sep 17 00:00:00 2001
From: beese_buck <16601315+cant-be-blenk@users.noreply.github.com>
Date: Sat, 15 Jan 2022 23:50:16 -0800
Subject: [PATCH] make the wholesome seal work on carp's phone

also for firefox and safari probably I think
---
 files/templates/submission.html | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/files/templates/submission.html b/files/templates/submission.html
index 62afd65500..ee47b7d1ee 100644
--- a/files/templates/submission.html
+++ b/files/templates/submission.html
@@ -40,13 +40,25 @@
 				height: 27px;
 			}
 		}
+		
+		@keyframes wholesome {
+		    0% {top:0%; left: 50%;}
+		    25% {top:50%; left:98%;}
+		    50% {top:98%; left: 50%}
+		    75% {top:50%; left:0%;}
+		    100% {top:0%; left: 50%;}
+		}
+
+		.seal {
+		    animation-name: wholesome !important;
+		    animation-duration: 10s !important;
+		    animation-iteration-count: infinite !important;
+		    animation-fill-mode: forwards !important;
+		    animation-timing-function: linear !important;
+		}
 	</style>
 	<div class="seal" height="100%" width="100%">
-		<marquee class="seal" scrollamount=10 behavior="alternate" direction="up" height="100%" width="100%">
-			<marquee direction="right" scrollamount=10 behavior="alternate" height="100%" width="100%">
-				<img alt=":#marseywholesome:" class="sealimg" src="/static/assets/images/emojis/marseywholesome.webp?a=3">
-			</marquee>
-		</marquee>
+		<img alt=":#marseywholesome:" class="sealimg" src="/static/assets/images/emojis/marseywholesome.webp?a=3">
 	</div>
 {% endif %}
 
@@ -875,4 +887,4 @@
 		{% endif %}
 	})()
 </script>
-{% endblock %}
\ No newline at end of file
+{% endblock %}