<!-- Section: Split content with an image right starts -->
<section class="split split-type-img  bg-steel-75-light split-media-right">
    <div class="flex-wrapper flex-align-stretch">
        <div class="split-body">
            <div class="split-flex-body flex-wrapper flex-align-center">
                <div class="split-body-inner">
                    <!-- Header -->
                    <header class="split-header">
                        <h1 class="section-heading">Split lorem ipsum dolor, sit amet consectetur elit</h1>
                        <hr class="section-header-divider section-header-divider-left">
                    </header>
                    <!-- Body -->
                    <div class="content-part">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam congue felis a lorem ornare, tempor tincidunt magna facilisis. Congue ac commodo sed, egestas non lorem. Interdum et malesuada fames ac ante ipsum primis.</p>
                        <p>Maecenas malesuada ante diam, et luctus sapien imperdiet at. Fusce ac suscipit lorem. Cras et magna nec sapien congue blandit. Integer sollicitudin cursus volutpat. Nulla auctor commodo ex.</p>
                        <a class="button button-on-coral" href="#">Lorem ipsum dolor sit</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- Media -->
        <div class="split-media">
            <img src="https://farm5.staticflickr.com/4430/36700476053_97181faa59_o_d.jpg" alt="alternate text">
        </div>
    </div>
</section>
<!-- Section: Split content with an image right ends -->