::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;
		}
	}
}