Horizontal Scroll

<div class="row">
    <div class="col-sm-12">
        <div class="hgm-horizontal-scroll">
            <div class="hgm-horizontal-scroll__unit col-sm-12 col-md-4">
                <div class="hgm-card">
                    <img src="https://img.freepik.com/premium-photo/modern-hospital-with-stateoftheart-equipment-skilled-medical-professionals_1279788-7315.jpg" />
                    <div class="hgm-card__body">
                        <h4>Card 1</h4>
                        <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                        <button type="button" class="hgm-button full-width">Some Label</button>
                    </div>
                </div>
            </div>
            <div class="hgm-horizontal-scroll__unit col-sm-12 col-md-4">
                <div class="hgm-card">
                    <img src="https://img.freepik.com/premium-photo/modern-hospital-with-stateoftheart-equipment-skilled-medical-professionals_1279788-7315.jpg" />
                    <div class="hgm-card__body">
                        <h4>Card 2</h4>
                        <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                        <button type="button" class="hgm-button full-width">Some Label</button>
                    </div>
                </div>
            </div>
            <div class="hgm-horizontal-scroll__unit col-sm-12 col-md-4">
                <div class="hgm-card">
                    <img src="https://img.freepik.com/premium-photo/modern-hospital-with-stateoftheart-equipment-skilled-medical-professionals_1279788-7315.jpg" />
                    <div class="hgm-card__body">
                        <h4>Card 3</h4>
                        <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                        <button type="button" class="hgm-button full-width">Some Label</button>
                    </div>
                </div>
            </div>
            <div class="hgm-horizontal-scroll__unit col-sm-12 col-md-4">
                <div class="hgm-card">
                    <img src="https://img.freepik.com/premium-photo/modern-hospital-with-stateoftheart-equipment-skilled-medical-professionals_1279788-7315.jpg" />
                    <div class="hgm-card__body">
                        <h4>Card 4</h4>
                        <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                        <button type="button" class="hgm-button full-width">Some Label</button>
                    </div>
                </div>
            </div>
        </div><!-- .hgm-horizontal-scroll -->
    </div><!-- .col-sm-12 -->
</div><!-- .row -->