.#{$atom-prefix}bgbm-nm  { background-blend-mode: normal !important; }
.#{$atom-prefix}bgbm-mtp { background-blend-mode: multiply !important; }
.#{$atom-prefix}bgbm-sc  { background-blend-mode: screen !important; }
.#{$atom-prefix}bgbm-ovl { background-blend-mode: overlay !important; }

@each $breakpointName, $breakpointSize in $breakpoints {
	@media (min-width: $breakpointSize) {
		.#{$atom-prefix}bgbm-nm-#{$breakpointName}  { background-blend-mode: normal !important; }
		.#{$atom-prefix}bgbm-mtp-#{$breakpointName} { background-blend-mode: multiply !important; }
		.#{$atom-prefix}bgbm-sc-#{$breakpointName}  { background-blend-mode: screen !important; }
		.#{$atom-prefix}bgbm-ovl-#{$breakpointName} { background-blend-mode: overlay !important; }
	};
};