Spotlight: Cluster

<div class="spotlight spotlight--cluster py-5 position-relative">
    <img src="{{'/images/undraw_into-the-night_nd84.svg'|path}}" alt="Inspiring Illustration" class="position-absolute z-n1" style="opacity: 0.05; right: 8vw; top: -5%">
    <div class="container-fluid container-lg pt-5">
        <div class="row align-items-center pt-5">
            <div class="col-12 col-md-3 col-lg-4 col-xl-6">
                <h2 class="h1 lh-1 fw-bold">Five strategic areas that fit Colorado's unique needs</h2>
                <h3 class="h5 mb-3">MBSK Colorado has five strategic areas that fit Colorado's unique needs. Doing this addresses the Colorado Paradox and Losing Ground report. It aligns us back to Obama's challenge goals with major initiatives /agenda items in Colorado's Black and Brown community, the recommendations given by the Gaining Ground Report.</h3>
                <button class="btn btn-outline-primary">Learn More</button>
                {# <div class="position-relative">
                    <img src="https://placehold.co/600x700.png" alt="Spotlight" class="img-fluid rounded-5"/>
                    <img src="https://placehold.co/250x180.png" alt="Spotlight" class="img-fluid rounded-5 position-absolute top-0 start-0 translate-middle ms-5 mt-5 shadow-lg"/>
                    <img src="https://placehold.co/300x250.png" alt="Spotlight" class="img-fluid rounded-5 position-absolute top-100 start-100 translate-middle me-5 mb-5 shadow"/>
                </div> #}
            </div>
            <div class="col-12 col-md-8 col-lg-7 col-xl-6 pb-5">
                <div class="row g-3 align-items-start justify-content-center">
                    <div class="col-4">
                        <div>
                            <img src="https://placehold.co/200x200" alt="pillar 1" class="rounded-5 bg-light shadow-sm"/>
                        </div>
                    </div>
                    <div class="col-4">
                        <div>
                            <img src="https://placehold.co/200x200" alt="pillar 1" class="rounded-5 bg-light shadow-sm"/>
                        </div>
                    </div>
                    <div class="col-4">
                        <div>
                            <img src="https://placehold.co/200x200" alt="pillar 1" class="rounded-5 bg-light shadow-sm"/>
                        </div>
                    </div>
                    <div class="col-4">
                        <div>
                            <img src="https://placehold.co/200x200" alt="pillar 1" class="rounded-5 bg-light shadow-sm"/>
                        </div>
                    </div>
                    <div class="col-4">
                        <div>
                            <img src="https://placehold.co/200x200" alt="pillar 1" class="rounded-5 bg-light shadow-sm"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>