Improved project appearance

1 files changed, 9 insertions, 3 deletions

diff --git a/assets/css/components/_project.scss b/assets/css/components/_project.scss
index 388d4b9..8aca759 100644
--- a/assets/css/components/_project.scss
+++ b/assets/css/components/_project.scss
@@ -11,11 +11,17 @@
         &::before {
             content:          '';
             display:          block;
-            padding-bottom:   20em;
+            padding-top:      12em;
+            padding-bottom:   25%;
             background-color: prop(--colors --bg);
         }
 
-        @include multi('element' 'picture') {
+        &::after {
+            content:          '';
+            background-image: linear-gradient(340deg, rgba(#000, .25) 5em, transparent 18em);
+        }
+
+        @include multi('element' 'picture', '&::after') {
             display:          block;
             position:         absolute;
             z-index:          10;
@@ -38,7 +44,7 @@
 
         @include media('<=sm') {
             &::after {
-                background-image: linear-gradient(to top, rgba(#000, .85) 5em, transparent 100%);
+                background-image: linear-gradient(to top, rgba(#000, .25) 1em, transparent 11em);
             }
 
             @include element('card') {