README.md

---
license: openrail++
language:
- en
tags:
- text-to-image
---
<style>
  .title-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Adjust this value to position the title vertically */
  }
  
  .title {
    font-size: 2.5em;
    text-align: center;
    color: #333;
    font-family: 'Helvetica Neue', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 0.5em 0;
    background: transparent;
  }

  .title span {
    background: -webkit-linear-gradient(45deg, #5BBCFF, #E2BFB3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
 
 .custom-table {
   table-layout: fixed;
   width: 100%;
   border-collapse: collapse;
   margin-top: 2em;
 }
 
 .custom-table td {
   width: 50%;
   vertical-align: top;
   padding: 10px;
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
 }

 .custom-image-container {
   position: relative;
   width: 100%;
   margin-bottom: 0em;
   overflow: hidden;
   border-radius: 10px;
   transition: transform .7s; 
 }

 .custom-image-container:hover {
   transform: scale(1.05); 
 }

 .custom-image {
   width: 100%;
   height: auto;
   object-fit: cover;
   border-radius: 10px;
   transition: transform .7s;
   margin-bottom: 0em;
 }

 .nsfw-filter {
   filter: blur(8px); 
   transition: filter 0.3s ease; 
 }

 .custom-image-container:hover .nsfw-filter {
   filter: none; 
 }
 
 .overlay {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   color: white;
   width: 100%;
   height: 40%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   font-size: 1vw;
   font-style: bold;
   text-align: center;
   opacity: 0; 
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 60%, rgba(0, 0, 0, 0) 100%);
   transition: opacity .5s;
 }

 .custom-image-container:hover .overlay {
   opacity: 1; 
 }

 .overlay-text {
   background: linear-gradient(45deg, #7ed56f, #28b485);
   -webkit-background-clip: text;
   color: transparent; 
   text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); 
 }

 .overlay-subtext {
   font-size: 0.75em;
   margin-top: 0.5em;
   font-style: italic;
 }
   
 .overlay,
 .overlay-subtext {
   text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
 }
</style>

<h1 class="title">
  <span>Raelestia XL</span>
</h1>

<table class="custom-table">
 <tr>
   <td>
     <div class="custom-image-container">
       <img class="custom-image" src="https://cdn-uploads.huggingface.co/production/uploads/64b24543eec33e27dc9a6eca/wPf5j82eAX_w9oybCpmUL.jpeg" alt="Sample Image 1">
       <div class="overlay">
         <div class="overlay-text">Sample Image 1</div>
       </div>
     </div>
   </td>
   <td>
     <div class="custom-image-container">
       <img class="custom-image" src="https://cdn-uploads.huggingface.co/production/uploads/64b24543eec33e27dc9a6eca/fQ36f3tns6BURlutMWTtS.png" alt="Sample Image 2">
       <div class="overlay">
         <div class="overlay-text">Sample Image 2</div>
       </div>
     </div>
   </td>
   <td>
     <div class="custom-image-container">
       <img class="custom-image" src="https://cdn-uploads.huggingface.co/production/uploads/64b24543eec33e27dc9a6eca/ozLGyhfoNlKu3nOZK6M0o.png" alt="Sample Image 3">
       <div class="overlay">
         <div class="overlay-text">Sample Image 3</div>
       </div>
     </div>
   </td>
 </tr>
 <tr>
   <td>
     <div class="custom-image-container">
       <img class="custom-image" src="https://cdn-uploads.huggingface.co/production/uploads/64b24543eec33e27dc9a6eca/XofRJwNx05WznVkrFnKkf.png" alt="Sample Image 4">
       <div class="overlay">
         <div class="overlay-text">Sample Image 4</div>
       </div>
     </div>
   </td>
   <td>
     <div class="custom-image-container">
       <img class="custom-image" src="https://cdn-uploads.huggingface.co/production/uploads/64b24543eec33e27dc9a6eca/gmj-hW3lWG4RCaqpqRg6z.png" alt="Sample Image 5">
       <div class="overlay">
         <div class="overlay-text">Sample Image 5</div>
       </div>
     </div>
   </td>
   <td>
     <div class="custom-image-container">
       <img class="custom-image" src="https://cdn-uploads.huggingface.co/production/uploads/64b24543eec33e27dc9a6eca/QetlMqIShkQgl-kJdvUcI.png" alt="Sample Image 6">
       <div class="overlay">
         <div class="overlay-text">Sample Image 6</div>
       </div>
     </div>
   </td>
 </tr>
</table>


**Raelestia XL** is SDXL base model evokes an image of captivating elegance and enchanting light. This model showcases dramatic light effects and semi-realistic tones, creating a mesmerizing and magical atmosphere.

## Recommended Setting
- Sampler : DPM++ 2M Karras / Restart
- Upscaler : [4x_NMKD-Superscale-SP_178000_G](https://nmkd.de/?esrgan)
- Hires step : 0-15
- Denoising : 0.1-0.4 or 0.55 for latent upscaler