::before や ::after を使って色フィルターをかける
HTML
<section class="sec01"> <figure> <img href="リンク"> </figure> </section>
SCSS
.sec01 { position: relative; figure { &::before { content: ""; background: rgba(#000, 0.5); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } } }