<p>Light overlay</p>
<div class="view overlay hm-grey-light">
    <img src="https://mdbootstrap.com/img/Photos/Horizontal/People/6-col/img%20(7).jpg" class="img-fluid" alt="">
    <div class="mask flex-center">
        <p class="white-text">Light overlay</p>
    </div>
</div>

<p>Strong overlay</p>
<div class="view overlay hm-grey-strong">
    <img src="https://mdbootstrap.com/img/Photos/Horizontal/People/6-col/img%20(7).jpg" class="img-fluid" alt="">
    <div class="mask flex-center">
        <p class="white-text">Strong overlay</p>
    </div>
</div>

<p>Super light overlay</p>
<div class="view overlay hm-grey-superlight">
    <img src="https://mdbootstrap.com/img/Photos/Horizontal/People/6-col/img%20(7).jpg" class="img-fluid" alt="">
    <div class="mask flex-center">
        <p class="white-text">Super light overlay</p>
    </div>
</div>

There are no notes for this item.