From 0d84f17329f416b7c53ff28e3c250ec6f8e08a5b Mon Sep 17 00:00:00 2001
From: BenjaminToby <52448020+BenjaminToby@users.noreply.github.com>
Date: Tue, 25 May 2021 22:00:54 +0100
Subject: [PATCH] Add mix-blend-mode to animaiton

---
 main.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/main.css b/main.css
index 5452565..c2ce8ee 100644
--- a/main.css
+++ b/main.css
@@ -318,6 +318,8 @@ section.hero-section {
     width: 500px;
     height: 500px;
     position: relative;
+    z-index: 10;
+    mix-blend-mode: screen;
 }
 
 .face-wrapper {
@@ -358,7 +360,7 @@ section.hero-section {
     top: 0;
     left: 0;
     transition: all .3s ease-out;
-    z-index: 100;
+    z-index: 0;
 }