Simple Chara Code - Dark Photo BG

<!-----------------------------------
    Simple by LeafJelly
DARK Photo Background Version

Use ctrl+F and replace to easily change the Font color
Change the Hex code to the color of your choice
Font-color: #FFF

        Rules
1. DO NOT REMOVE credits
2. DO NOT redistribute purchased codes
3. Turn off WYSIWYG before using my HTML codes and while editing, it'll break otherwise
4. You can modify and frankestein my codes with credit to all the source codes, and only if the other coders allow it.
5. You may NOT redistribute frankesteined codes under your own name, claiming it as your own work. Copy and pasting parts of my code without credit is theft, and takes advantage of my work that's provided for free.
6.You're allowed to heavily modify my codes, as long as credit to me stays on the page. If the credit breaks, feel free to write it in somewhere instead or at the bottom.
------------------------------------>

<!--------------------------------
        Background Image
Replace the URL with a image address
--------------------------------->
<div class="card border-0 mx-auto p-3" style="max-width:550px; background-image:url(

     https://www.pixelstalk.net/wp-content/uploads/images6/Flower-Wallpaper-HD-Free-download.jpg

); background-size:cover; background-attachment:fixed;">

<div class="row no-gutters rounded" style="background-color:rgba(0,0,0, .7); color:#FFF">
<div class="col-md-5 m-auto text-center text-md-right">

<!--------------------------------
        Page Doll Image
Replace the URL with a image address
--------------------------------->
<img src="

     https://pbs.twimg.com/media/FQ_yFiLXMAAJmW9.png

" style="max-height:250px">
</div>

<div class="col-7 p-1 m-auto text-center" style="font-family:trebuchet ms">
<div>
    <span style="font-size:1.4em; letter-spacing:2px;">

<!------------------------------
      Font Awesome Symbol
Change the symbol by changing the word star in the text fa-star
with the symbol of your choice from here https://fontawesome.com/search
-------------------------------->
    <i class="fas fa-lg fa-star"></i>

<!------------------------------
    Character Name / Title
-------------------------------->
    <br>
        Character Name
    </span>
    <hr class="m-0">

<!------------------------------
    Character Info / Text
-------------------------------->
    <p>
        Age · Gender · Pronouns
    <br>
        Write some stuff here about your character. Keep it short, this does not scroll!
    </p>
</div>
<!-------------- CREDIT DO NOT REMOVE  -------------------->
<div class="text-center">
    <a href="https://toyhou.se/LeafJelly" class="tooltipster text-muted mt-3" title="HTML by LeafJelly"><i class="far fa-code fa-xs"></i></a>
</div></div></div></div>