Wolf Boys

<div class="container justify-center mx-2 md:mx-auto mt-2 p-10 w-11/12 md:w-auto">

    <div class="flex flex-wrap justify-center pb-12 border-1 border-black border-opacity-10 bg-gray-50 bg-opacity-80 rounded-md mt-10">




        <div class="col  text-center p-2">
          <i class="text-4xl text-primary fas fa-star-shooting fa-4x pt-1"></i>
            <h2 class="text-5xl font-semibold p-4t">Featured Characters
            </h2>
            <p>These are characters I&#39;m excited about currently! These may change every so often (maybe weekly), so who knows who&#39;ll pop up next!

            </p>
        </div>
    </div>

    <br>




    <div class="flex flex-wrap mb-6 items-start border-1 border-black border-opacity-10 bg-gray-50  rounded-md justify-center p-3">




        <div class="my-2 px-2 w-full overflow-hidden sm:my-2 sm:px-2 md:my-2 md:px-2 lg:my-6 lg:px-6 lg:w-1/3 xl:my-5 xl:px-5 xl:w-1/3">
            <div class="bg-primary-50 p-3 h-full text-center items-center">
                <div class="mb-5">
                    <i class="text-4xl text-primary fas fa-heart fa-4x"></i>
                </div>

                 <a href="https://piepaws.tumblr.com/">  <img src="https://f2.toyhou.se/file/f2-toyhou-se/thumbnails/30862514_ZUI.jpg" class="rounded-full mx-auto"/>
                <h3 class="mt-3 text-center font-semibold bg-gray-800 text-white rounded-full py-1 px-1">Chief</h3> </a>
                <blockquote class="blockquote py-2">
                    <i class="text-lg font-light">&#34;Don&#39;t wish it were easier; wish you were better.&#34;</i>
                </blockquote>
                <p>Amongst the flower-filled cliffs of Carnation Cliffs, you may see a silhouette of a tall figure with his hair flowing in the wind.</p>
            </div>
        </div>




        <div class="my-2 px-2 w-full overflow-hidden sm:my-2 sm:px-2 md:my-2 md:px-2 lg:my-6 lg:px-6 lg:w-1/3 xl:my-5 xl:px-5 xl:w-1/3">
            <div class="bg-primary-50 p-3 h-full text-center items-center">
                <div class="mb-5">
                    <i class="text-4xl text-primary fas fa-crown fa-4x"></i>
                </div>

                 <a href="https://piepaws.tumblr.com/"> <img src="https://f2.toyhou.se/file/f2-toyhou-se/thumbnails/32421215_uu0.png" class="rounded-full mx-auto"/>
                 <h3 class="mt-3 text-center font-semibold bg-gray-800 text-white rounded-full py-1 px-1">Lobo</h3> </a>
                <blockquote class="blockquote py-2">
                    <i class="text-lg font-light">&#34;If it&#39;s not one thing, it&#39;s another.&#34;</i>
                </blockquote>
                <p>Deep in the Noodle Woods roams a mysterious shadow you may not even notice.</p>
            </div>
        </div>



        <div class="my-2 px-2 w-full overflow-hidden sm:my-2 sm:px-2 md:my-2 md:px-2 lg:my-6 lg:px-6 lg:w-1/3 xl:my-5 xl:px-5 xl:w-1/3">
            <div class="bg-primary-50 p-3 h-full text-center items-center">
                <div class="mb-5">
                    <i class="text-4xl text-primary fas fa-heartbeat fa-4x"></i>
                </div>

                  <a href="https://piepaws.tumblr.com/"> <img src="https://f2.toyhou.se/file/f2-toyhou-se/thumbnails/31141457_vIL.png" class="rounded-full mx-auto"/>
                <h3 class="mt-3 text-center font-semibold bg-gray-800 text-white rounded-full py-1 px-1">Wolfgang</h3></a>
                <blockquote class="blockquote py-2">
                    <i class="text-lg font-light">&#34;Don&#39;t be afraid to show your fangs.&#34;</i>
                </blockquote>
                <p>On a rainy night at the bus stop on West Cider Boulevard, there’s a possibility one might catch sight of something sparkling in the night.</p>
            </div>
        </div>



    </div>
</div>