diff --git a/files/templates/CHRISTMAS/submission.html b/files/templates/CHRISTMAS/submission.html
index c54e3a6b5..12e964bd3 100644
--- a/files/templates/CHRISTMAS/submission.html
+++ b/files/templates/CHRISTMAS/submission.html
@@ -19,10 +19,19 @@
 			z-index:9999;
 			pointer-events: none;
 		}
+		.sealimg {
+			width: 100px;
+			height:auto !important;
+		}
+		@media (max-width: 992px) {
+			.sealimg {
+				width: 20px;
+			}
+		}
 	</style>
 	<marquee class="seal" scrollamount=10 behavior="alternate" direction="up" height="100%">
 		<marquee direction="right" scrollamount=10 behavior="alternate" width="100%">
-			<img width=100 style="height:auto" src="/static/assets/images/emojis/marseywholesome.webp?a=3">
+			<img class="sealimg" src="/static/assets/images/emojis/marseywholesome.webp?a=3">
 		</marquee>
 	</marquee>
 {% endif %}
@@ -30,7 +39,7 @@
 {% if p.award_count("wholesome") > 1 %}
 	<marquee class="seal" scrollamount=10 behavior="alternate" direction="down" height="100%">
 		<marquee direction="right" scrollamount=10 behavior="alternate" width="100%">
-			<img width=100 style="height:auto" src="/static/assets/images/emojis/marseywholesome.webp?a=3">
+			<img class="sealimg" src="/static/assets/images/emojis/marseywholesome.webp?a=3">
 		</marquee>
 	</marquee>
 {% endif %}
@@ -38,7 +47,7 @@
 {% if p.award_count("wholesome") > 2 %}
 	<marquee class="seal" scrollamount=10 behavior="alternate" direction="up" height="100%">
 		<marquee direction="left" scrollamount=10 behavior="alternate" width="100%">
-			<img width=100 style="height:auto" src="/static/assets/images/emojis/marseywholesome.webp?a=3">
+			<img class="sealimg" src="/static/assets/images/emojis/marseywholesome.webp?a=3">
 		</marquee>
 	</marquee>
 {% endif %}
@@ -46,7 +55,7 @@
 {% if p.award_count("wholesome") > 3 %}
 	<marquee class="seal" scrollamount=10 behavior="alternate" direction="down" height="100%">
 		<marquee direction="left" scrollamount=10 behavior="alternate" width="100%">
-			<img width=100 style="height:auto" src="/static/assets/images/emojis/marseywholesome.webp?a=3">
+			<img class="sealimg" src="/static/assets/images/emojis/marseywholesome.webp?a=3">
 		</marquee>
 	</marquee>
 {% endif %}