1 files changed, 4 insertions, 8 deletions

diff --git a/assets/css/components/_project.scss b/assets/css/components/_project.scss
index 301827c..6fac047 100644
--- a/assets/css/components/_project.scss
+++ b/assets/css/components/_project.scss
@@ -16,11 +16,6 @@
             background-color: prop(--colors --bg);
         }
 
-        &::after {
-            content:          '';
-            background-image: linear-gradient(340deg, rgba(#000, .25) 5em, transparent 18em);
-        }
-
         &:link,
         &:visited {
             color:           currentColor;
@@ -44,7 +39,7 @@
             }
         }
 
-        @include multi('element' 'picture', '&::after') {
+        @include multi('element' 'picture') {
             display:          block;
             position:         absolute;
             z-index:          10;
@@ -68,11 +63,12 @@
 
         @include element('picture') {
             transition: opacity .2s;
+            mask-image: iro-easing-gradient(linear, 340deg, rgba(#000, .75) 7em, ease, #000 26em);
         }
 
         @include media('<=sm') {
-            &::after {
-                background-image: linear-gradient(to top, rgba(#000, .25) 1em, transparent 11em);
+            @include element('picture') {
+                mask-image: iro-easing-gradient(linear, to top, rgba(#000, .75) 2em, ease, #000 17em);
             }
         }
     }