possible readme fix

README.md

@@ -11,39 +11,32 @@ inference: true
 ---
 
 <style>
-  @import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');
-
-  .title-container {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 20vh;
-    background-color: #000;
-  }
-  
-  .title {
-    font-family: 'Lora', sans-serif;
-    font-size: 4em;
+  /* Custom styles for ArtisanXL */
+  h1.artisan-title {
+    font-family: Arial, sans-serif;
+    font-size: 3em;
     text-align: center;
     color: #fff;
+    background-color: #000;
     text-transform: uppercase;
     letter-spacing: 0.1em;
     padding: 0.5em 0;
+    margin: 0;
   }
   
- .image-grid {
+  .image-grid {
     display: grid;
-    grid-template-columns: 1fr 1fr;
-    grid-template-rows: 1fr 1fr auto;
-    gap: 0; /* Removed gap to eliminate space between images */
-    background-color: #000; /* Changed to black background */
+    grid-template-columns: repeat(2, 1fr);
+    grid-template-rows: repeat(2, 1fr) auto;
+    gap: 0;
+    background-color: #000;
+    margin-bottom: 20px;
   }
 
   .image-grid img {
     width: 100%;
-    height: 100%;
-    object-fit: cover;
-    display: block; /* Ensures no extra space around images */
+    height: auto;
+    display: block;
   }
 
   .image-grid .wide-image {
@@ -51,9 +44,7 @@ inference: true
   }
 </style>
 
-<div class="title-container">
-  <h1 class="title">Artisan XL</h1>
-</div>
+<h1 class="artisan-title">ArtisanXL</h1>
 
 <div class="image-grid">
   <img src="images/Picasso.webp" alt="Square image 1">