    {# <header class="masthead text-center text-white">
        <div class="carousel slide" data-ride="carousel" id="carousel-1">
            <div class="carousel-inner" role="listbox">
                <div class="carousel-item active"><img class="w-100 d-block" src="{{ path.image }}partner/partner_banner.png" alt="Slide Image"></div>
            </div>
            <div><a class="carousel-control-prev" href="#carousel-1" role="button" data-slide="prev"><span class="carousel-control-prev-icon"></span><span class="sr-only">Previous</span></a><a class="carousel-control-next" href="#carousel-1" role="button"
                    data-slide="next"><span class="carousel-control-next-icon"></span><span class="sr-only">Next</span></a></div>
            <ol class="carousel-indicators">
                <li data-target="#carousel-1" data-slide-to="0" class="active"></li>
            </ol>
        </div>
        <div class="masthead-content"></div>
    </header> #}
<header style="position: relative;
    background-color: #343a40;
    /*background: url(../img/nchmcbanner.png) no-repeat center center;*/
    background: url({{ path.image }}partner/partner_banner.png) no-repeat center center;
    /*background: url(../img/nchmcbannerref1.png) no-repeat center center;*/
    background-size: cover;
    {# background-size:100% 100%; #}
            background-repeat: no-repeat;">
    <div style="height: 320px">
      <!-- 1 -->
    </div>
  </header>