fix images jpg

components/CardPreview.vue

@@ -30,10 +30,10 @@ function contextmenu(e: MouseEvent) {
     <div :class="`card ${Number(buttonsElement?.childElementCount) > 0 ? 'active' : ''}`" @contextmenu.prevent="false"
         @click.left="cardClick" @click.right="contextmenu">
         <img :class="`card_image ${rightClicked ? 'outlined' : ''} ${props.locked ? 'locked' : ''}`" v-if="props.data"
-            :src="'/cards/' + data?.card_id?.toString().padStart(3, '0') + '.jpg'">
+            :src="'/cards/' + data?.card_id?.toString().padStart(3, '0') + '.png'">
 
         <img :class="`card_image ${rightClicked ? 'outlined' : ''} ${props.locked ? 'locked' : ''}`" v-if="!props.data"
-            :src="'/cards/background.jpg'">
+            :src="'/cards/background.png'">
 
     </div>
 
@@ -56,12 +56,11 @@ function contextmenu(e: MouseEvent) {
 }
 
 .card_image.locked {
-    outline: 2px solid green;
-    outline-offset: -2px;
+    filter: brightness(0.5);
 }
 
 .card_image {
-    max-height: 150px;
+    max-height: 250px;
 }
 
 .hidden {