yellow starry

<div class="container col-md-3">

    <div class="row no-gutters">

        <!-- pagedoll / image (looks best as a pagedoll!) -->
        <div class="container col-md-5 mb-2" style="background-image: url(https://graphic.neocities.org/regen_26.gif); background-size:contain; height:235px; background-position:center; background-repeat: no-repeat;"></div>

        <div class="card bg-faded col-md-7 p-2 align-items-center border-0">

            <span class="row no-gutters mb-2">

            <p class="text-uppercase" style="font-family:calibri; font-size:20px;"><i><b>

                <!-- decor 1 -->
                <img src="https://graphic.neocities.org/tumblr_ltj3dfnYOM1r17znu.gif" style="height:25px; width:30px">ㅤ

                <!-- name -->
                name lastname

                <!-- decor 2 -->
            ㅤ  <img src="https://graphic.neocities.org/tumblr_ltj3dfnYOM1r17znu.gif" style="height:25px; width:30px">

            </b></i></p><br>

            </span>

            <div class="d-flex" style="height:153px;">

                <div class="container col-7 mb-2" style="overflow-y:auto; width:280px; scrollbar-width: none;">

                    <!-- age -->
                    <div class="d-flex justify-content-between">

                        <span>age</span>
                        <span>content</span>

                    </div>

                    <!-- species -->
                    <div class="d-flex justify-content-between">

                        <span>species</span>
                        <span>content</span>

                    </div>

                    <!-- pronouns -->
                    <div class="d-flex justify-content-between">

                        <span>prns</span>
                        <span>content</span>

                    </div>

                    <!-- sexuality -->
                    <div class="d-flex justify-content-between">

                        <span>s/o</span>
                        <span>content</span>

                    </div>

                    <!-- title -->
                    <div class="d-flex justify-content-between">

                        <span>info</span>
                        <span>content</span>

                    </div>

                    <!-- paste more above -->

                    <!-- decor divider -->
            ㅤ      <p align="center"><img src="https://graphic.neocities.org/tumblr_mb77l0H7QA1r7y61oo1_250.gif" style="height:25px; width:125px"></p>

                    <!-- text info -->
                    <p class="text-justify">

                        Short info about the character. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

                    </p>

                    <!-- bottom decor -->
                    <p align="center"><img src="https://graphic.neocities.org/Floatie_40.gif" style="height:80px; width:150px"></p>

                </div>

                <div class="container col-4">

                    <!-- side image decor -->
                    <img src="https://graphic.neocities.org/Floatie_122.gif" style="height:145px; width:1000px">

                </div>

            </div>

            <!-- code + art credit , do not remove -->
            <span>

                <span class="text-primary tooltipster" title="code by elltaker" data-toggle="tooltip"><a href="https://toyhou.se/elltaker"><i class="fa-regular fa-code"></i></a></span>

                <span class="text-primary tooltipster" title="decor art found here" data-toggle="tooltip"><a href="https://graphic.neocities.org/directory"><i class="fa-light fa-pen-paintbrush"></i></a></span>

            </span>

        </div>

    </div>

</div>