Mira_The_Mage

Mira The Mage from Falling in Love With My Ex-Fiancé's Grandfather

<u><b>Trigger:</b></u> Mira, red eyes, dark-skinned female

<u><b>Hairstyle:</b></u> long hair, pink hair, white hair, gradient hair, multicolor hair, braided bangs, hair bun, single hair bun

<u><b>Ornaments:</b></u> hair stick, necklace, jewellery, bracelet, earrings

<u><b>Dress:</b></u> black tube top, red skirt, long skirt, white shawl

• Previews (Pony):

<style> .custom-table td { width: 33.33%; /* 100% / 3 = 33.33% per cell for 3 items per row */ } .custom-image-container { position: relative; width: 100%; height: 100%; border-radius: 0.5em; overflow: hidden; align-items: center; } .custom-image { width: 100%; height: auto; border-radius: 0.5em; transition: transform 0.25s; } .custom-image-container:hover .custom-image { transform: scale(1.2); } </style> <table class="custom-table"> <tr> <td> <div class="custom-image-container"> <img class="custom-image" src="PonyPreview/P1.png" alt="Pony Preview"> </div> </td> <td> <div class="custom-image-container"> <img class="custom-image" src="PonyPreview/P2.png" alt="Pony Preview"> </div> </td> <td> <div class="custom-image-container"> <img class="custom-image" src="PonyPreview/P3.png" alt="Pony Preview"> </div> </td> </tr> <tr> <td> <div class="custom-image-container"> <img class="custom-image" src="PonyPreview/P4.png" alt="Pony Preview"> </div> </td> <td> <div class="custom-image-container"> <img class="custom-image" src="PonyPreview/P5.png" alt="Pony Preview"> </div> </td> <td> <div class="custom-image-container"> <img class="custom-image" src="PonyPreview/P6.png" alt="Pony Preview"> </div> </td> </tr> </table>

Previews (Illustrious):

<style> .custom-table td { width: 33.33%; /* 100% / 3 = 33.33% per cell for 3 items per row */ } .custom-image-container { position: relative; width: 100%; height: 100%; border-radius: 0.5em; overflow: hidden; align-items: center; } .custom-image { width: 100%; height: auto; border-radius: 0.5em; transition: transform 0.25s; } .custom-image-container:hover .custom-image { transform: scale(1.2); } </style> <table class="custom-table"> <tr> <td> <div class="custom-image-container"> <img class="custom-image" src="IllustriousPreview/P1.png" alt="Illustrious Preview"> </div> </td> <td> <div class="custom-image-container"> <img class="custom-image" src="IllustriousPreview/P2.png" alt="Illustrious Preview"> </div> </td> <td> <div class="custom-image-container"> <img class="custom-image" src="IllustriousPreview/P3.png" alt="Illustrious Preview"> </div> </td> </tr> <tr> <td> <div class="custom-image-container"> <img class="custom-image" src="IllustriousPreview/P4.png" alt="Illustrious Preview"> </div> </td> <td> <div class="custom-image-container"> <img class="custom-image" src="IllustriousPreview/P5.png" alt="Illustrious Preview"> </div> </td> <td> <div class="custom-image-container"> <img class="custom-image" src="IllustriousPreview/P6.png" alt="Illustrious Preview"> </div> </td> </tr> </table>