Responsive?

frontend/app/components/Sprite.vue

@@ -1,8 +1,7 @@
 <template>
 <img ref="sprite" v-show="loaded"
     class="sprite pixelated"
-    :src="props.path" 
-    :width="props.width">
+    :src="props.path">
 </template>
 
 <script setup lang="ts">
@@ -13,8 +12,7 @@ const props = defineProps<{
   top?: string,
   right?: string,
   left?: string,
-  bottom?: string,
-  width: string
+  bottom?: string
 }>();
 
 const sprite = ref(null);
@@ -34,5 +32,14 @@ onMounted(() => {
 .sprite {
     position: absolute;
     z-index: 1;
+    width: 1300px;
+
+    @media screen and (max-width: 900px) {
+        width: 650px;
+    }
+
+    @media screen and (max-width: 1200px) and (min-width: 900px) {
+        width: 975px;
+    }
 }
 </style>