diff --git a/assets/sass/mixins/overlay/_overlay.scss b/assets/sass/mixins/overlay/_overlay.scss
new file mode 100644
index 0000000..c50a7a4
--- /dev/null
+++ b/assets/sass/mixins/overlay/_overlay.scss
@@ -0,0 +1,8 @@
+@mixin overlay($opacity: '0.5', $color: $nearblack, $color2: $grey-light) {
+  --color-overlay: $color;
+  --color-overlay2: $color2;
+  border-image: linear-gradient(
+    rgba(var(--color-overlay) / $opacity),
+    rgba(var(--color-overlay2) / $opacity))
+  fill 1;
+}