Update README.md

README.md

@@ -17,10 +17,21 @@ license: creativeml-openrail-m
   </div>
 </div>
 <!--Title-->
-<div style="text-align: center;">
-  <h1 style=" font-size:50px; padding:2px; margin:20px 0 0 0">MyneFactory Base Model</h1>
-  <span style=" font-size:18px; padding:2px; margin:5px 0 0 0">The foundation of our models</span>
+
+<div style="text-align: center; display: flex; justify-content: space-between">
+  <a href="#example1" style="padding:5px">
+    <img src="https://huggingface.co/MyneFactory/MF-Base/resolve/main/Example%20Pictures/V1.0%20Examples/38556-2732258039-city%2C%20wet%20road%2C%20car%2C%20sunset%2C%20masterpiece%2C%20detailed%2C%20caustics%2C%20depth%20of%20field%2C%20reflective.png" style="margin:0"/>
+  </a>
+  <div>
+    <h1 style=" font-size:50px; padding:2px; margin:20px 0 0 0">MyneFactory Base Model</h1>
+    <span style=" font-size:18px; padding:2px; margin:5px 0 0 0">The foundation of our models</span>
+  </div>
+  <a href="#example2" style="padding:5px">
+    <img src="https://huggingface.co/MyneFactory/MF-Base/resolve/main/Example%20Pictures/V1.0%20Examples/38596-1352065446-woman%2C%20fluffy%20coat%2C%20scarf%2C%20beanie%2C%20pants%2C%20eyes%2C%20umbrella%2C%20city%2C%20wet%20street%2C%20sunset%2C%20masterpiece%2C%20detailed%2C%20caustics%2C%20depth%20of%20fi.png" style="margin:0"/>
+  </a>
 </div>
+
+
 <!--Example shortcuts-->
 <div style="display: flex; align-items:top; justify-content:space-around; align-items: center; padding-bottom: 0px;">
   <a href="#example1" style="padding:5px">
@@ -36,19 +47,6 @@ license: creativeml-openrail-m
     <img src="https://huggingface.co/MyneFactory/MF-Base/resolve/main/Example%20Pictures/V1.0%20Examples/37526-1550904897-Bearded%20old%20man%2C%20glasses%2C%20sitting%20at%20table%2C%20vest%2C%20solo%2C%20masterpiece%2C%20clocks%2C%20wooden%20shack.png" style="margin:0"/>
   </a>
 </div>
-<div style="display: flex; align-items:top; justify-content:space-around; align-items: center; padding-bottom: 40px;">
-  <a href="#example1" style="padding:5px">
-    <img src="https://huggingface.co/MyneFactory/MF-Base/resolve/main/Example%20Pictures/V1.0%20Examples/38556-2732258039-city%2C%20wet%20road%2C%20car%2C%20sunset%2C%20masterpiece%2C%20detailed%2C%20caustics%2C%20depth%20of%20field%2C%20reflective.png" style="margin:0"/>
-  </a>
-  <a href="#example3" style="padding:5px">
-    <img src="https://huggingface.co/MyneFactory/MF-Base/resolve/main/Example%20Pictures/V1.0%20Examples/38723-2583140360-angel%2C%20eyes%2C%20face%2C%20feathers%2C%20braided%20hair%2C%20bloody%2C%20angel%20wings%2C%20embroidery%2C%20ruins%2C%20bridge%2C%20mist%2C%20night%2C%20masterpiece%2C%20detailed%2C%20c.png" style="margin:0"/>
-  </a>
-  <a href="#example4" style="padding:5px">
-    <img src="https://huggingface.co/MyneFactory/MF-Base/resolve/main/Example%20Pictures/V1.0%20Examples/38783-395436839-girl%2C%20eyes%2C%20face%2C%20feathers%2C%20braided%20hair%2C%20bloody%2C%20angel%20wings%2C%20halo%2C%20torn%20clothes%2C%20embroidery%2C%20ruins%2C%20bridge%2C%20mist%2C%20sunlight%2C%20ma.png" style="margin:0"/>
-  <a href="#example2" style="padding:5px">
-    <img src="https://huggingface.co/MyneFactory/MF-Base/resolve/main/Example%20Pictures/V1.0%20Examples/38596-1352065446-woman%2C%20fluffy%20coat%2C%20scarf%2C%20beanie%2C%20pants%2C%20eyes%2C%20umbrella%2C%20city%2C%20wet%20street%2C%20sunset%2C%20masterpiece%2C%20detailed%2C%20caustics%2C%20depth%20of%20fi.png" style="margin:0"/>
-  </a>
-</div>
 <div style="display: flex; align-items:top; justify-content:space-around; align-items: center; padding-bottom: 40px;">
   <a href="#example1" style="padding:5px">
     <img src="https://huggingface.co/MyneFactory/MF-Base/resolve/main/Example%20Pictures/V1.0%20Examples/38249-1057239513-floating%20islands%2C%20caustics%2C%20depth%20of%20field%2C%20masterpiece%2C%20detailed%2C%20waterfall%2C%20reflective%2C%20fog%2C%20foggy%2C%20sunset%2C%20autumn%2C%20lens%20flare.png" style="margin:0"/>
@@ -57,12 +55,21 @@ license: creativeml-openrail-m
     <img src="https://huggingface.co/MyneFactory/MF-Base/resolve/main/Example%20Pictures/V1.0%20Examples/38277-2568996689-floating%20islands%2C%20caustics%2C%20depth%20of%20field%2C%20masterpiece%2C%20detailed%2C%20waterfall%2C%20reflective%2C%20fog%2C%20foggy%2C%20scenery%2C%20town%2C%20buildings%2C.png" style="margin:0"/>
   </a>
   <a href="#example3" style="padding:5px">
+
     <img src="https://huggingface.co/MyneFactory/MF-Base/resolve/main/Example%20Pictures/V1.0%20Examples/38314-2494833890-fantasy%2C%20caustics%2C%20depth%20of%20field%2C%20masterpiece%2C%20detailed%2C%20waterfall%2C%20reflective%2C%20fog%2C%20foggy%2C%20scenery%2C%20city%2C%20buildings%2C%20waterfall.png" style="margin:0"/>
   </a>
   <a href="#example4" style="padding:5px">
     <img src="https://huggingface.co/MyneFactory/MF-Base/resolve/main/Example%20Pictures/V1.0%20Examples/38285-4020336312-caustics%2C%20depth%20of%20field%2C%20masterpiece%2C%20detailed%2C%20waterfall%2C%20reflective%2C%20fog%2C%20foggy%2C%20scenery%2C%20town%2C%20buildings%2C%20waterfall%2C%20moon%2C%20n.png" style="margin:0"/>
   </a>
 </div>
+<div style="display: flex; align-items:top; justify-content:space-around; align-items: center; padding-bottom: 40px;">
+ 
+  <a href="#example3" style="padding:5px">
+    <img src="https://huggingface.co/MyneFactory/MF-Base/resolve/main/Example%20Pictures/V1.0%20Examples/38723-2583140360-angel%2C%20eyes%2C%20face%2C%20feathers%2C%20braided%20hair%2C%20bloody%2C%20angel%20wings%2C%20embroidery%2C%20ruins%2C%20bridge%2C%20mist%2C%20night%2C%20masterpiece%2C%20detailed%2C%20c.png" style="margin:0"/>
+  </a>
+  <a href="#example4" style="padding:5px">
+    <img src="https://huggingface.co/MyneFactory/MF-Base/resolve/main/Example%20Pictures/V1.0%20Examples/38783-395436839-girl%2C%20eyes%2C%20face%2C%20feathers%2C%20braided%20hair%2C%20bloody%2C%20angel%20wings%2C%20halo%2C%20torn%20clothes%2C%20embroidery%2C%20ruins%2C%20bridge%2C%20mist%2C%20sunlight%2C%20ma.png" style="margin:0"/>
+</div>
 <!--Model Info-->
 <div style="padding:10px; margin: 20px 0; background-color: #f9f9f9; box-shadow: 0 4px 6px rgba(0,0,0,0.1);" id="model-info">
   <h2 style="font-size:28px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin:0; color: #222;">Model Info</h2>