Marquee Featured Image: Overlay Options

<div class="hgm-marquee-featured-image image"
     data-img="https://images.unsplash.com/photo-1528460033278-a6ba57020470?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1000&q=80"
     data-overlay-show="1"
     data-overlay-blend-mode="color-dodge"
     data-overlay-color="edf1f5"
     data-overlay-alpha="65"
    >
    <div class="hgm-marquee-featured-image__bg" data-bg=""></div><!-- &__bg -->
    <div class="hgm-marquee-featured-image__overlay"></div><!-- &__overlay -->
    <div class="container">

        <div class="row">
            <div class="col-md-auto">
                <nav aria-label="breadcrumb">
                    <ol class="hgm-breadcrumb" itemscope
                        itemtype="https://schema.org/BreadcrumbList">
                        <li class="hgm-breadcrumb__item" itemprop="itemListElement" itemscope
                            itemtype="https://schema.org/ListItem">
                            <a href="#" itemprop="item">
                                <span itemprop="name">Home</span>
                            </a>
                            <meta itemprop="position" content="1" />
                        </li>
                        <li class="hgm-breadcrumb__item" itemprop="itemListElement" itemscope
                            itemtype="https://schema.org/ListItem">
                            <a href="#" itemprop="item">
                                <span itemprop="name">Library</span>
                            </a>
                            <meta itemprop="position" content="2" />
                        </li>
                        <li class="hgm-breadcrumb__item active" aria-current="page"
                            itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                            <span itemprop="item">
                                <span itemprop="name">Data</span>
                            </span>
                            <meta itemprop="position" content="3" />
                        </li>
                    </ol>
                </nav>
            </div>
        </div><!-- .row -->

        <div class="row hgm-marquee-featured-image__row">
            <div class="col-8">
                <h1 class="marquee-title">Annual Visits are a Key Part of Staying Healthy</h1>
                <span>September 23, 2021</span>
            </div>
        </div><!-- &__row -->

        <div class="row hgm-marquee-featured-image__row">
            <div class="col-7">
                <img class="hgm-lazy hgm-marquee-featured-image__image" data-src="https://img.freepik.com/free-photo/team-young-specialist-doctors-standing-corridor-hospital_1303-21198.jpg"/>
            </div>
            <div class="col-5">
                <p>By: <a href="#">Kate Lukas, MD</a></p>
                <p>Categories: <a href="#">Primary Care</a>, <a href="#">Secondary Care</a></p>
                <p>Tags: <a href="#">Developing Healthy Habits</a>, <a href="#">Testimonials</a></p>
            </div>
        </div><!-- &__row -->

    </div><!-- .container -->
</div><!-- .hgm-marquee-featured-image -->