updated cards to be more conostent and have a smaller footprint (#39)

* updated cards to be more conostent and have a smaller footprint

---------

Co-authored-by: Valentin Heiserer <73257760+Vale54321@users.noreply.github.com>

Frontend/src/components/CardComponent.vue

@@ -6,16 +6,16 @@ const props = defineProps<{
   card: Card;
 }>();
 
-const imgSrc = ref('/assets/card_back.png')
+const imgSrc = ref('/assets/card_back.jpg')
 
 const focus = ref(false);
 
 onBeforeMount(() => {
-  imgSrc.value = "/assets/" + props.card.toString().toLowerCase() + ".png"
+  imgSrc.value = "/assets/" + props.card.toString().toLowerCase() + ".jpg"
 })
 
 watch(() => props.card, (newCard) => {
-  imgSrc.value = `/assets/${newCard.toString().toLowerCase()}.png`;
+  imgSrc.value = `/assets/${newCard.toString().toLowerCase()}.jpg`;
 });
 </script>
 <template>