Featured Characters

<div class="container bg-dark" style="max-width:700px; padding-top:30px; padding-bottom:30px; border-radius:30px;">


<div style="position:absolute;top:0; height:100%;width:700px;

    background-image: url(IMG_URL);

    background-size:cover; background-position:right; background-repeat:no-repeat;"></div>



<div class="container">
                <div class="card border-0 text-center col-lg-3 col-md-sm-4 mx-auto" style="font-weight:700;font-variant:small-caps;">

                <h2 style="font-weight:900" class="pt-1">Featured</h2>

            </div>

    <div class="row no-gutter justify-content-center">


        <div class="mx-3 mt-3">
            <img src="IMG_URL" style="height:150px; width:150px; border-radius:100px" class="card border-0">
            <div class="card border-0 mt-3 text-center" style="font-weight:700;font-variant:small-caps;">

                <a href="LINK" class="text-info">Name</a>

            </div>
        </div>

        <div class="mx-3 mt-3">
            <img src="IMG_URL" style="height:150px; width:150px; border-radius:100px" class="card border-0">
            <div class="card border-0 mt-3 text-center" style="font-weight:700;font-variant:small-caps;">

                <a href="LINK" class="text-info">Name</a>

            </div>
        </div>


        <div class="mx-3 mt-3">
            <img src="IMG_URL" style="height:150px; width:150px; border-radius:100px" class="card border-0">
            <div class="card border-0 mt-3 text-center" style="font-weight:700;font-variant:small-caps;">

                <a href="LINK" class="text-info">Name</a>

            </div>
        </div>



    </div>





</div>


</div>

<div class="container col-4 pull-right">
    <a href="https://toyhou.se/Strixxus"><i class="fa fa-code"></i></a>
</div>