<div class="html-banner row mx-0 my-3">
  <div class="banner-image">
    <img alt="Promo banner" src="/images/Banner/bannerMemorialHat.png" class="img-fluid" />
  </div>
  <div class="banner-content col-md text-center">
    <h3>HTML <span>BANNER</span></h3>
    <strong>Save up to an additional 10%!</strong>
    <small>Now through the end of the month</small>
  </div>
</div>

.html-banner {
  @include html-banner(#024cac, #c40d00);
}

First value is background color. Second value is for secondary headline color. If left blank it will default to this demo's colors.

Text color is dynamically switched to white or black based on the background color chosen.