make images bigger

index.css

@@ -16,8 +16,8 @@ body {
 }
 
 .place {
-    width: 64px;
-    height: 64px;
+    width: 128px;
+    height: 128px;
     background-color: lightgray;
 }
 
@@ -28,29 +28,29 @@ body {
 }
 
 #trashcan {
-    width: 64px;
-    height: 64px;
+    width: 128px;
+    height: 128px;
     background-color: red;
     background-image: url("assets/trashcan.png");
 }
 
 #verify {
-    width: 64px;
-    height: 64px;
+    width: 128px;
+    height: 128px;
     background-image: url("assets/verify.png");
     background-color: blue;
 }
 
 #refresh {
-    width: 64px;
-    height: 64px;
+    width: 128px;
+    height: 128px;
     background-image: url("assets/refresh.png");
     background-color: darkgreen;
 }
 
 .status {
-    width: 64px;
-    height: 64px;
+    width: 128px;
+    height: 128px;
     opacity: 0;
     background-image: url("assets/fail.png");
 }
@@ -58,8 +58,8 @@ body {
 th,
 td {
     padding: 16px;
-    width: 64px;
-    height: 64px;
+    width: 128px;
+    height: 128px;
     overflow: hidden;
     display: inline-block;
 }
@@ -89,12 +89,16 @@ td {
 #vzoritem {
     bottom: 4%;
     left: 4%;
-    z-index: 2;
-    width: 20%;
-    height: 10%;
+    z-index: 10;
     object-fit: contain;
 }
 
+#vzoritemtd{
+    width: 50%;
+    height: 50%;
+    overflow: unset;
+}
+
 .itemholderak{
     width: 100%;
     height: 100%;
@@ -102,16 +106,16 @@ td {
 
 .lettervec{
     font-family: 'Courier New', monospace;
-    font-size: 64px;
-    width: 64px;
-    height: 64px;
+    font-size: 128px;
+    width: 128px;
+    height: 128px;
     text-align: center;
     margin: 0px;
     background-color:white;
 }
 .imagevec{
-    width: 64px;
-    height: 64px;
+    width: 128px;
+    height: 128px;
     background-color:white;
 }
 

index.html

@@ -22,9 +22,6 @@
         <div id="lettercontainer" class="itemcont">
             <div id="letterholder" class="itemstor">
             </div>
-        </div>
-        <div id="vzoritem">
-                            
         </div>
         <div id="activeholder">
             <div class="activepart">
@@ -56,6 +53,13 @@
                             <div id="lettersky" class="activepart">
                             
                             </div>
+                        </tr>
+                        <tr>
+                            <td id="vzoritemtd">
+                                <div id="vzoritem">
+                                
+                                </div>
+                            </td>
                         </tr>   
                     </tbody>
                 </table>