HTTYD stat card (F2U) (CODE)

<!---CARD, dont mess with unless you know html--->
<div class="card" style="width:370px;margin:auto; color:#000; border-width:0;">
    <div style="background-image:url(https://f2.toyhou.se/file/f2-toyhou-se/images/56476030_dYzYCB82GH4E4KQ.png?1681404676); height:600px; background-size:contain;background-repeat:no-repeat; background-position:center;">
        <a href="https://toyhou.se/18560891" data-toggle="tooltip" title="Code by Carsonisation" style="position:absolute;bottom:1px;right:1px;"> <i class="fas fa-code"></i></a>
        
        <!---DRAGON NAME--->
        <p class="mt-4 mb-2" style="text-align:center; font-size: 25px;  font-family: 'Brush Script MT', cursive; font-weight: 600;">
            
            DRAGON NAME
            
            </p>
            
            <!---IMAGE LINK, replace with your own link. looks best with a transparent fullbody image--->
            <div class="tooltipster" style="background-image:url(
            
            IMAGE LINK HERE
            
            ); height:200px; background-size:contain;background-repeat:no-repeat; background-position:center; max-width:290px; margin:auto;" 
            
            title="ADD ARTIST CREDIT HERE OR LEAVE BLANK IF ITS YOUR OWN ART"
            
            ></div>
            <p class="mt-4 mb-3 px-5" style="text-align:center; height:110px; overflow:hidden; font-family: 'Times New Roman', serif;">
                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>
            
            <!---STATS, change the number to anything between 0-10--->
            
            <div class="container" style="padding-right:100px;padding-left:100px; font-weight: 600;font-family: 'Times New Roman', serif;">
            <div class="justify-content-between align-items-center">
                <div>FEAR FACTOR</div>
                <div>0</div>
            </div>
            <div class="justify-content-between align-items-center">
                <div>ATTACK</div>
                <div>0</div>
            </div>
            <div class="justify-content-between align-items-center">
                <div>SPEED</div>
                <div>0</div>
            </div>
            <div class="justify-content-between align-items-center">
                <div>SIZE</div>
                <div>0</div>
            </div>
            <div class="justify-content-between align-items-center">
                <div>DISOBEDIENCE</div>
                <div>0</div>
            </div>
        </div>
    </div>
</div>